MediaSource:activeSourceBuffers 属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

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

MediaSource 接口的只读属性 activeSourceBuffers 返回一个 SourceBufferList 对象,其中包含 MediaSourceSourceBuffer 对象的一个子集。这些 SourceBuffer 对象提供选定的视频轨道、启用的音频轨道以及显示/隐藏的文本轨道。

一个 SourceBufferList,包含每个活动轨道的 SourceBuffer 对象。

示例

以下代码段基于 Nick Desaulniers 的示例 (在线查看完整演示,或下载源代码以供进一步研究)。函数 getMediaSource()(此处未定义)返回一个 MediaSource 对象。

js
const mediaSource = getMediaSource();

function sourceOpen() {
  console.log(mediaSource.readyState); // open
  const sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
  fetchAB(assetURL, (buf) => {
    sourceBuffer.addEventListener("updateend", () => {
      mediaSource.endOfStream();
      console.log(mediaSource.activeSourceBuffers);
      // will contain the source buffer that was added above,
      // as it is selected for playing in the video player
      video.play();
      console.log(mediaSource.readyState); // ended
    });
    sourceBuffer.appendBuffer(buf);
  });
}

// …

规范

规范
Media Source Extensions™
# dom-mediasource-activesourcebuffers

浏览器兼容性

另见