1
我有一个video
标记链接到电影content.mysite.com
,我有一个脚本文件从www.mysite.com
(不同的子域)服务。将视频画到跨域的画布
该脚本创建一个canvas
元素并使用context.drawImage
方法将视频捕获到画布。但是,当我尝试使用canvas.toDataURL
方法从画布中获取图像数据时,由于存在跨域限制,它会因安全错误而失败。
是否有解决方法?
我有一个video
标记链接到电影content.mysite.com
,我有一个脚本文件从www.mysite.com
(不同的子域)服务。将视频画到跨域的画布
该脚本创建一个canvas
元素并使用context.drawImage
方法将视频捕获到画布。但是,当我尝试使用canvas.toDataURL
方法从画布中获取图像数据时,由于存在跨域限制,它会因安全错误而失败。
是否有解决方法?
的视频文件设置CORS标题:
https://developer.mozilla.org/en/http_access_control
根据,因为火狐12是支持<video>
这个错误报告:
https://bugzilla.mozilla.org/show_bug.cgi?id=682299
我觉得至少Chrome应该会支持它,其他浏览器可能不会。
相关规范:http://www.whatwg.org/specs/web-apps/current-work/multipage/fetching-resources.html#cors-settings-attribute – 2012-07-08 09:57:24