我构建了一个 JavaScript 应用程序,可让您拍摄视频快照。
该视频由 amazon s3 托管,并且存储桶的跨源资源共享 header 设置为允许所有。
视频标记设置了 crossOrigin="anonymous"属性。
该应用程序在 Chrome 和 Firefox 中运行良好,没有错误。
当我在 Canvas 上调用 toDataURL() 时,我收到以下消息
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() 一起使用?
最佳答案
除了从您的服务器代理视频之外,您无法在此处执行任何操作。 Safari 尚不支持 HTMLVideoElement
上的 crossOrigin
属性。
关于html - 支持跨源资源共享的视频 Safari 7 Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22155067/