MediaSource: readyState-Eigenschaft
Hinweis: Dieses Feature ist verfügbar in Dedicated Web Workers.
Die schreibgeschützte Eigenschaft readyState
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 Medienelement angehängt.open
: Die Quelle ist an ein Medienelement angehängt und bereit,SourceBuffer
-Objekte zu empfangen.ended
: Die Quelle ist an ein Medienelement angehängt, aber der Stream wurde durch einen Aufruf vonMediaSource.endOfStream()
beendet.
Wert
Ein String.
Beispiele
Das folgende Beispiel stammt von Nick Desaulniers (ansehen des vollständigen Demos live, oder herunterladen der Quelle 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