MediaSource: sourceBuffers 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

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

sourceBuffersMediaSource 介面的只讀屬性,它返回一個 SourceBufferList 物件,其中包含與此 MediaSource 關聯的 SourceBuffer 物件列表。

一個 SourceBufferList

示例

以下程式碼段基於 Nick Desaulniers 的示例 (線上檢視完整演示,或下載原始碼以供進一步研究)。函式 getMediaSource()(此處未定義)返回一個 MediaSource 物件。

js
const mediaSource = getMediaSource();

function sourceOpen() {
  console.log(this.readyState); // open
  const sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
  fetchAB(assetURL, (buf) => {
    sourceBuffer.addEventListener("updateend", () => {
      mediaSource.endOfStream();
      console.log(mediaSource.sourceBuffers); // will contain the source buffer that was added above
      video.play();
      console.log(mediaSource.readyState); // ended
    });
    sourceBuffer.appendBuffer(buf);
  });
}

// …

規範

規範
Media Source Extensions™
# dom-mediasource-sourcebuffers

瀏覽器相容性

另見