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 |
浏览器兼容性
加载中…