RTCEncodedVideoFrame:data 属性

注意:此功能在 专用 Web 工作线程 中可用。

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 编码转换
# dom-rtcencodedvideoframe-data

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅