从画布读取视频时出现CORS错误（受污染的画布）

Question

我正在运行一个我要写入画布的HLS流;然后从画布中读取像素。

视频会被渲染到画布A-ok，但它会在以下位置开始播放：

myPixel = c.getImageData(200, 200, 1, 1).data;

失败的地方：

[Error] SecurityError: DOM Exception 18: An attempt was made to break through the security policy of the user agent.

[Error] Unable to get image data from canvas because the canvas has been tainted by cross-origin data.

我已将Wowza流媒体服务器上的跨域设置设置为：

<site-control permitted-cross-domain-policies="all"/>
<allow-access-from domain="*" to-ports="*" secure="false"/>
<allow-http-request-headers-from domain="*" headers="*" secure="false"/>

客户端视频元素上的

和crossOrigin="anonymous"。

它在同一网络上的不同计算机上运行并失败，所有计算机都运行Safari 7.0.2 / Mac。

调试这个有什么好主意吗？

Answer 1

如果您的修改适用于某些计算机而非其他配置相同的计算机，请尝试清除行为不当的计算机上的缓存。

强制重新加载行为不端的mac，如下所示：

按住Shift和Cmd，然后按R。