0

Web ページにビデオ サーバーからのビデオを表示しようとしています。ビデオ サーバーは Web サーバーと同じホストで実行されていますが、別のポートで実行されています。

canvas.toDataURL()キャンバスで再生中のビデオからピクセルを削り取っていると、ブラウザーに " "Uncaught Error: SECURITY_ERR: DOM Exception 18が表示されます。Chrome バージョン 24 を使用しています。

ビデオページで送信される HTTP ヘッダーは次のとおりです。

HTTP/1.1 200 OK
Access-Control-Allow-Origin: *
Content-Type: video/x-mp4
Transfer-Encoding: chunked
Date: Mon, 04 Feb 2013 23:28:00 GMT
Server: OizysLight

私は何が欠けていますか？「Access-Control-Allow-Origin: *」はクロスオリジンのリソース共有を許可すべきではありませんか?

4

2 に答える 2

2

おそらく、要素にcrossOriginプロパティを設定する必要があります。動画リソースのリクエストが Cookie や HTTP 認証を必要としない場合、またはそれ以外の場合に<video>設定できます。anonymoususe-credentials

Mozilla は にクロスドメイン イメージに関する記事を掲載して<canvas>おり、事実上すべてがビデオにも当てはまります。

于 2013-02-05T00:21:27.000 に答える
0

私は答えを見つけました。ビデオに crossOrigin プロパティを設定する必要がありました。

video.crossOrigin = "Anonymous";

于 2013-02-08T00:31:18.343 に答える