Question

就HTML5而言，我是新手。我正在浏览this link

上提供的 MediaSource API 文档

上提供的演示链接

但它不起作用（在chrome下）。当我通过开发人员工具检查时，我收到以下错误：

Uncaught ReferenceError: MediaSource is not defined

在文档中提到：

Support: Currently, the MediaSource API is only available in Chrome Dev Channel 17+ with the --enable-media-source flag set or enabled via about:flags.

我已经启用了媒体源标记，我的Chrome版本 21.0.1180.79 m

如何使这个工作？

Answer 1

此实验性API的状态在最近几个版本的Chrome中不断变化。

Chrome 17-20拥有v0.3 API，这是文章的代码段所示。
Chrome 21＆amp; 22具有v0.5 API，这是最初向W3C提出的。
Chrome 23具有目前正在标准化的新object-oriented API。该演示已更新为此版本的API。

如果您想将v0.3示例转换为您的Chrome 21版本支持的v0.5 API，请关注these instructions。

如果你不介意运行Canary版本或者可以等到Chrome 23进入开发频道，那么你绝对应该使用面向对象的API。它比旧版本更强大，它实际上反映了标准化的内容。

Answer 2

该演示既不使用稳定通道也不使用dev通道，但使用最新的canary（m23）版本。您引用的文档已过时。您可以找到最新版本的规范草案here。

另外，请检查this Chrome问题。我不确定那里提到的一件事。据说该演示已更新，可与v0.5 API一起使用。但是演示代码与最新规范中给出的示例相比，与v0.5相比更为匹配。可能只是两种不同的方式来实现同样的目标。

MediaSource API演示不起作用（Chrome）

2 个答案: