MediaSource: sourceBuffers プロパティ

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

sourceBuffers は MediaSource インターフェイスの読み取り専用プロパティで、この 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); // 上で追加されたソースバッファーが含まれます
      video.play();
      console.log(mediaSource.readyState); // ended
    });
    sourceBuffer.appendBuffer(buf);
  });
}

// …