MediaSource
インターフェイスの readyState
読み取り専用プロパティは、現在の MediaSource
の状態を表す列挙を返します。 3つの可能な値は次のとおりです。
closed
: ソースは現在メディア要素にアタッチされていません。open
: ソースはメディア要素にアタッチされ、SourceBuffer
オブジェクトを受信する準備ができています。ended
: ソースはメディア要素にアタッチされていますが、MediaSource.endOfStream()
の呼び出しを介してストリームが終了しています。
構文
var myReadyState = mediaSource.readyState;
値
例
次のスニペットは、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);
});
};
仕様
仕様 | 状態 | コメント |
---|---|---|
Media Source Extensions readyState の定義 |
勧告 | 初期定義 |
ブラウザーの互換性
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
デスクトップ | モバイル | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
readyState | Chrome 完全対応 23 | Edge 完全対応 12 | Firefox
完全対応
42
| IE
完全対応
11
| Opera 完全対応 15 | Safari 完全対応 8 | WebView Android 完全対応 4.4.3 | Chrome Android 完全対応 33 | Firefox Android 完全対応 41 | Opera Android 完全対応 14 | Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。
- 実装ノートを参照してください。
- 実装ノートを参照してください。
- ユーザーが明示的にこの機能を有効にしなければなりません。
- ユーザーが明示的にこの機能を有効にしなければなりません。