MediaSource: readyState 屬性
注意:此功能在 專用 Web Workers 中可用。
MediaSource 介面的只讀屬性 readyState 返回一個列舉值,表示當前 MediaSource 的狀態。三個可能的值是:
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("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);
});
}
規範
| 規範 |
|---|
| Media Source Extensions™ # dom-mediasource-readystate |
瀏覽器相容性
載入中…