MediaSource: readyState-Eigenschaft

Hinweis: Diese Funktion ist in Dedicated Web Workers verfügbar.

Die readyState-Nur-Lese-Eigenschaft der MediaSource-Schnittstelle gibt ein Enum zurück, das den Zustand des aktuellen MediaSource darstellt. Die drei möglichen Werte sind:

  • closed: Die Quelle ist derzeit nicht an ein Medien-Element angehängt.
  • open: Die Quelle ist an ein Medien-Element angehängt und bereit, SourceBuffer-Objekte zu empfangen.
  • ended: Die Quelle ist an ein Medien-Element angehängt, aber der Stream wurde über einen Aufruf von MediaSource.endOfStream() beendet.

Wert

Ein String.

Beispiele

Der folgende Codeausschnitt stammt aus einem einfachen Beispiel von Nick Desaulniers (sehen Sie sich die vollständige Demo live an, oder laden Sie den Quellcode herunter für weitere Untersuchungen). Die Funktion getMediaSource(), die hier nicht definiert ist, gibt eine MediaSource zurück.

js
let mediaSource;

if ("MediaSource" in window && MediaSource.isTypeSupported(mimeCodec)) {
  mediaSource = getMediaSource();
  console.log(mediaSource.readyState); // closed
  video.src = URL.createObjectURL(mediaSource);
  mediaSource.addEventListener("sourceopen", sourceOpen);
} else {
  console.error("Unsupported MIME type or codec: ", mimeCodec);
}

function sourceOpen() {
  console.log(this.readyState); // open
  const sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
  fetchAB(assetURL, (buf) => {
    sourceBuffer.addEventListener("updateend", () => {
      mediaSource.endOfStream();
      video.play();
      console.log(mediaSource.readyState); // ended
    });
    sourceBuffer.appendBuffer(buf);
  });
}

Spezifikationen

Specification
Media Source Extensions™
# dom-mediasource-readystate

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch