javascript - MediaSource API 演示无法正常工作(Chrome)

Question

就 HTML5 而言，我是新手。我正在查看 this link 上给出的 MediaSource API 文档

我访问了 this link 上给出的演示链接

但是它不起作用(在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 和 22 具有 v0.5 API，这是最初向 W3C 提出的 API。
• Chrome 23 具有新的 object-oriented API目前正在标准化。该演示已更新至此版本的 API。

如果您想将 v0.3 示例转换为您的 Chrome 21 版本支持的 v0.5 API，只需按照 these instructions 操作即可.

如果您不介意运行 Canary 版本或者可以等到 Chrome 23 进入开发 channel ，那么您绝对应该使用面向对象的 API。它比旧版本更强大，并且实际上反射(reflect)了正在标准化的内容。