VideoFrame: flip 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

注意:此功能在 專用 Web Workers 中可用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

VideoFrame 介面的 flip 屬性返回一個布林值,表示 VideoFrame 是否水平映象。

一個布林值。如果為 true,則應用水平映象。預設為 false

示例

檢測攝像頭影片是否翻轉

給定來自攝像頭的影片幀流(使用 MediaStreamTrackProcessor 獲取),您可以檢查 VideoFrame 物件的 flip 屬性,以檢視幀是否被翻轉。

js
const stream = await navigator.mediaDevices.getUserMedia({ video: true });
const track = stream.getTracks()[0];

const trackProcessor = new MediaStreamTrackProcessor(track);

const reader = trackProcessor.readable.getReader();
while (true) {
  const result = await reader.read();
  if (result.done) break;
  const frameFromCamera = result.value;
  // Returns `true` if the frame is horizontally flipped
  console.log(frameFromCamera.flip);
}

規範

規範
WebCodecs
# dom-videoframe-flip

瀏覽器相容性