我已经构建了一个javascript应用程序,可以让你拍摄视频的快照。
视频由amazon s3托管,并且存储桶具有设置为允许所有内容的跨源资源共享标头。
视频标记设置了crossOrigin =“anonymous”属性。
该应用程序在Chrome和Firefox中正常运行,没有错误。
当我在画布上调用dataURL()时,我收到以下消息
Unable to get image data from canvas because the canvas has been tainted with cross-origin data.
SecurityError: DOM Exception 18: An attempt was made to break through the security policy of the user agent.
我需要采取哪些其他步骤才能使其与远程托管视频和toDataURL()一起使用?
答案 0 :(得分:2)
如果没有从您的服务器代理视频,那么您无法在此处执行任何操作。 Safari尚不支持crossOrigin
上的HTMLVideoElement
属性。