HTML5画布 - origin-clean标志如何设置为false？

Question

我开始使用HTML5 Canvas和Video，并且一直存在这个问题：我尝试演示和实验，但除非将其上传到我的Web服务器，否则我无法查看它们。目前这不会造成很大的问题，因为我正在处理相对较小的文件，但实际上我正在准备一个更大的项目，这个问题很快就会变得非常不方便。我也想直接了解我的事实。我一直在使用我自己制作的视频和演示中的视频。我使用过我之前编码过的视频，并使用过我编码的视频，然后在我的代码中使用它们。它总是相同的结果，使用HTML5 Video容器工作，Canvas中使用视频不，Canvas只是不显示任何视频（除非像我提到的那样，我将它们上传到服务器）。

这是我迄今为止所发现的信息：

http://html5doctor.com/video-canvas-magic/

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#security-with-canvas-elements

（和W3上一点点信息，但是我不会允许张贴两个以上的链路）

据我所知，我的画布必须有污点，我的文件没有显示是“起源干净”，但是这是所有我已经能够找出。我不明白为什么。

有谁知道更多关于这一点，可以解释如何以及为什么这个工程？

Answer 1

在从http://加载的任何内容与从file:// URI加载的任何东西之间，浏览器之间存在严格分离。这实际上是非常明智的，否则随机从网页加载的页面将能够从硬盘读取文件。 apply to file:// URIs themselves还有几个额外的限制，这些限制旨在不让你从网上下载的文件有空闲的硬盘。

说了这么多，如果你的HTML文件和视频都坐在你的硬盘在同一个目录，然后一切都应该仍然工作，因为所有这些条件必须得到满足。

如果你仍然有问题，为当地发展一个有用的方法是使用一个轻量级的Web服务器。我个人使用Python's SimpleHTTPServer，因为它已经在我的机器上安装，但也有许多人 - 通常是Web开发框架（如Ruby on Rails的）来与它们建立在