html - 支持跨源资源共享的视频 Safari 7 Canvas

标签 html video canvas safari cors

我构建了一个 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/

相关文章:

javascript - 更改 svg 填充颜色,然后绘制到 Canvas

javascript - 在点击时绘制并填充随机彩色圆圈

javascript - 如何使用 Easeljs 将 Click 事件添加到 spriteSheet?

html - 网页在不同屏幕上显示不同

video - 通过 API 限制 YouTube 视频访问

c# - 为什么 ffmpeg 在暗图像上有更大的延迟?

javascript - Canvas 中的 SVG feComposite 过滤器实现

javascript - 如何添加过渡效果以缓慢加载我的页面?

javascript - globalCompositeOperation 影响所有层吗?

javascript - 使用 JavaScript 从通过 USB 端口连接到笔记本电脑的多个摄像头捕获视频