RTCEncodedVideoFrame: data 属性

Baseline 2023
新推出

自 2023 年 8 月起,此功能已在最新的设备和浏览器版本中可用。此功能可能不适用于旧设备或浏览器。

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

RTCEncodedVideoFrame 接口的 data 属性会返回一个包含帧数据的缓冲区。

一个 ArrayBuffer

示例

WebRTC 编码转换 示例演示了如何在 TransformStreamtransform() 函数中获取帧数据并将其所有位取反。

transform() 函数在帧 data 属性的缓冲区上构造一个 DataView,并创建一个新的 ArrayBuffer 视图。然后,它将原始数据中的反转字节写入新缓冲区,将该缓冲区赋值给编码帧的 data 属性,并将修改后的帧添加到流中。

js
addEventListener("rtctransform", (event) => {
  const transform = new TransformStream({
    async transform(encodedFrame, controller) {
      // Reconstruct the original frame.
      const view = new DataView(encodedFrame.data);

      // Construct a new buffer
      const newData = new ArrayBuffer(encodedFrame.data.byteLength);
      const newView = new DataView(newData);

      // Negate all bits in the incoming frame
      for (let i = 0; i < encodedFrame.data.byteLength; ++i) {
        newView.setInt8(i, ~view.getInt8(i));
      }

      encodedFrame.data = newData;
      controller.enqueue(encodedFrame);
    },
  });
  event.transformer.readable
    .pipeThrough(transform)
    .pipeTo(event.transformer.writable);
});

请注意,此处显示的周围代码在 使用 WebRTC 编码转换 中有详细描述。

规范

规范
WebRTC Encoded Transform
# dom-rtcencodedvideoframe-data

浏览器兼容性

另见