javascript - 尝试将 MediaSource 对象附加为 HTML5 视频标签的源时出现 "Not allowed to load local resource"错误

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: 而不是文件运行它”。

为了组织起见，我将此作为答案发布。

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