--- title: MediaSource.readyState slug: Web/API/MediaSource/readyState tags: - API - Audio - Experimental - MSE - Media Source Extensions - MediaSource - Property - Reference - Video - readyState translation_of: Web/API/MediaSource/readyState ---
{{domxref("MediaSource")}} インターフェイスの readyState
読み取り専用プロパティは、現在の MediaSource
の状態を表す列挙を返します。 3つの可能な値は次のとおりです。
closed
: ソースは現在メディア要素にアタッチされていません。open
: ソースはメディア要素にアタッチされ、{{domxref("SourceBuffer")}} オブジェクトを受信する準備ができています。ended
: ソースはメディア要素にアタッチされていますが、{{domxref("MediaSource.endOfStream()")}} の呼び出しを介してストリームが終了しています。var myReadyState = mediaSource.readyState;
{{domxref("DOMString")}}。
次のスニペットは、Nick Desaulniers によって書かれた簡単な例からのものです(ライブで完全なデモを見るか、ソースをダウンロードしてさらに調査してください)。
if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {
var mediaSource = new MediaSource;
//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
var mediaSource = this;
var sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
fetchAB(assetURL, function (buf) {
sourceBuffer.addEventListener('updateend', function (_) {
mediaSource.endOfStream();
video.play();
//console.log(mediaSource.readyState); // ended
});
sourceBuffer.appendBuffer(buf);
});
};
仕様 | 状態 | コメント |
---|---|---|
{{SpecName('Media Source Extensions', '#idl-def-mediasource-readystate', 'readyState')}} | {{Spec2('Media Source Extensions')}} | 初期定義 |
{{Compat("api.MediaSource.readyState")}}