從畫布讀取視頻時出現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