跨域绘制视频到画布

draw video to canvas across domains

本文关键字：视频绘制更新时间：2023-09-26

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

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

有变通办法吗？

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

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

根据这个错误报告，它在<video>上得到支持，因为Firefox 12:

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

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