MediaSource: sourceBuffers Eigenschaft

Hinweis: Dieses Feature ist verfügbar in Dedicated Web Workers.

Die schreibgeschützte Eigenschaft sourceBuffers der MediaSource-Schnittstelle gibt ein SourceBufferList-Objekt zurück, das die Liste von SourceBuffer-Objekten enthält, die mit diesem MediaSource verknüpft sind.

Wert

Eine SourceBufferList.

Beispiele

Der folgende Ausschnitt basiert auf einem einfachen Beispiel, das von Nick Desaulniers geschrieben wurde (sehen Sie die vollständige Demo live oder laden Sie den Quellcode herunter für weitere Untersuchungen). Die hier nicht definierte Funktion getMediaSource() gibt ein MediaSource zurück.

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);
  });
}

// …

Spezifikationen

Specification
Media Source Extensions™
# dom-mediasource-sourcebuffers

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch