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

浏览器兼容性

另见