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

浏览器兼容性