RTCEncodedVideoFrame: data 属性
注意:此功能在 专用 Web Workers 中可用。
RTCEncodedVideoFrame 接口的 data 属性会返回一个包含帧数据的缓冲区。
值
一个 ArrayBuffer。
示例
此 WebRTC 编码转换 示例演示了如何在 TransformStream 的 transform() 函数中获取帧数据并将其所有位取反。
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 |
浏览器兼容性
加载中…