跨域将视频绘制到画布

Question

我有一个video 标签链接到content.mysite.com 的电影，并且我有一个从www.mysite.com（不同的子域）提供的脚本文件。

脚本创建一个canvas 元素并使用context.drawImage 方法将视频捕获到画布上。但是当我尝试使用canvas.toDataURL 方法从画布中获取图像数据时，由于跨域限制，它失败并出现安全错误。

有解决办法吗？

Answer 1

在视频文件上设置 CORS 标头：

https://developer.mozilla.org/en/http_access_control

根据此错误报告，自 Firefox 12 起，<video> 支持它：

https://bugzilla.mozilla.org/show_bug.cgi?id=682299

我认为至少 Chrome 应该支持它，其他浏览器可能不支持。