MediaSource: readyState プロパティ
readyState
は MediaSource
インターフェイスの読み取り専用プロパティで、現在の MediaSource
の状態を表す列挙を返します。 3 つの可能な値は次のとおりです。
closed
: ソースは現在メディア要素に取り付けられていません。open
: ソースはメディア要素に取り付けられ、SourceBuffer
オブジェクトを受信する準備ができています。ended
: ソースはメディア要素に取り付けられていますが、MediaSource.endOfStream()
の呼び出しを介してストリームが終了しています。
値
文字列です。
例
次のスニペットは、Nick Desaulniers によって書かれた簡単な例に基づいています(ライブで完全なデモを見るか、ソースをダウンロードしてさらに調査してください)。ここでは定義されていませんが、関数 getMediaSource()
は MediaSource
を返します。
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(
"サポートされていない MIME タイプまたはコーデック: ",
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);
});
}
仕様書
Specification |
---|
Media Source Extensions™ # dom-mediasource-readystate |
ブラウザーの互換性
BCD tables only load in the browser