MediaSource API demo不起作用(Chrome）

MediaSource API Demo Not Working(Chrome)

本文关键字：Chrome 不起作用 API demo MediaSource      更新时间：2023-09-26
就

HTML5而言，我是新手。我正在浏览此链接上给出的媒体来源 API 文档

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

但它不起作用（在铬下）。当我检查开发人员工具时，出现以下错误：

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

如何使其工作？

这个实验性API的状态在过去几个版本的Chrome中一直在变化。

  • Chrome 17-20 具有 v0.3 API，这是文章的代码片段所显示的内容。
  • Chrome 21和22具有v0.5 API，这是最初向W3C提出的API。
  • Chrome 23具有新的面向对象的API，目前正在标准化。演示已更新为此版本的 API。

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

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

该演示既不使用稳定通道，也不使用开发通道，而是使用最新的金丝雀 （m23） 版本。您引用的文档已过时。您可以在此处找到最新版本的规范草案。

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

相关文章：