尝试将MediaSource对象作为HTML5视频标记的源附加时，获取“不允许加载本地资源”错误

Question

我想让this示例工作。单击链接时，它工作正常。但是，当我尝试在本地计算机上下载HTML文件并尝试相同时，就会抛出此错误。

不允许加载本地资源：blob：null / 6771f68d-c4b8-49a1-8352-f2c277ddfbd4

似乎导致问题的代码行是

video.src = window.URL.createObjectURL(mediaSource);

这行代码的作用基本上是尝试将视频标记媒体元素的源设置为MediaSource对象。我没有太多运气尝试了各种排列。

我使用的是Chrome版本28.0.1500.72 m，这是最新的稳定版本。

我很感激任何指示。

Answer 1

正如@dandavis所说，“从http：not file运行它。”

为了组织起见，我将其作为一个aswer发布。

对于初学者： 从http运行项目意味着拥有一个http服务器（例如apache或简单节点http-server）并通过 http ：// localhost运行项目。

Answer 2

使用npm命令全局安装 http-server （前提是您已在系统中安装 Node.js ）。导航到CMD中的文件夹，然后键入 http-server 。您的应用应该在 localhost：8080 中运行。