此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

MediaSource.duration

有限可用

此特性不属于基线,因为它尚未在主流浏览器中得到支持。

Want more browser support for this feature? Tell us why.

实验性: 这是一项实验性技术
在将其用于生产之前,请仔细检查浏览器兼容性表格。

MediaSource 接口的属性 duration 用来获取或者设置当前媒体展示的时长。

值

以秒为单位的双精度浮点数。

异常

设置新的值的时候可能会有下面的错误抛出。

InvalidAccessError DOMException

时长尝试设置一个负数,或者为 NaN 则抛出。

InvalidStateError DOMException

MediaSource.readyState 的状态不是 open,或者有一个或多个在 MediaSource.sourceBuffers 中的 SourceBuffer 对象被更新(例如它们的 SourceBuffer.updating 属性是 true),则抛出该错误。

示例

以下片段基于 Nick Desaulniers 编写的一个简单示例(查看完整的在线演示,或者下载源代码进行进一步研究)。

js
function sourceOpen() {
  //console.log(this.readyState); // open
  const mediaSource = this;
  const sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
  fetchAB(assetURL, function (buf) {
    sourceBuffer.addEventListener("updateend", () => {
      mediaSource.endOfStream();
      mediaSource.duration = 120;
      video.play();
      //console.log(mediaSource.readyState); // ended
    });
    sourceBuffer.appendBuffer(buf);
  });
}

// …

规范

规范
Media Source Extensions™
# dom-mediasource-duration

浏览器兼容性

参见