3

そのため、Rackspace Cloud Filesにいくつかのビデオファイルがありますが、HTML5関数(.toDataURL())を使用しているため、「SECURITY_ERR:DOMException18」がスローされ続けます。サーバーでビデオファイルを使用すると、コードは正常に機能します。

そこで、CORSについて読み、RackspaceCloudFilesヘッダーを次のように変更しました。

access-control-allow-credentials:   true    
access-control-allow-origin:    [my domain here]    
access-control-allow-headers:   Content-Type, Depth, User-Agent, X-File-Size, X-Requested-With, If-Modified-Since, X-File-Name, Cache-Control
access-control-allow-methods:   OPTIONS, GET, POST  
access-control-expose-headers:  X-File-Size, X-Requested-With, If-Modified-Since, X-File-Name
Content-Type:   video/webm

しかし、DOMException18エラーがスローされ続けます。何が問題なのかわかりません。Web-sniffer.netを使用してRackspaceのビデオファイルによってHTTPヘッダーが出力されているかどうかを確認しましたが、何が問題なのですか、なぜ機能しないのですか?

IE9、Chrome 19、Safari 5.1.2、Aurora 12.0a2で試しましたが、これらのブラウザでは動作しないため、これはブラウザの問題ではないと確信しています。

このDOM例外18エラーを取り除く必要があります。

4

1 に答える 1

2

toDataURL()は、コンテンツがCANVAS要素のセキュリティ制限であるCDN(または現在のホスト以外のホスト)上にある場合は機能しません。

禁止事項の詳細については、http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#security-with-canvas-elementsを比較してください。

基本的に、キャンバス内の画像やビデオで何かをして結果を保存したいときはいつでも、同じドメインに以前のすべてのコンテンツを持っている必要があります。回避策の1つは、必要なファイルを取得して、ユーザーが編集している間、一時的に保存することです。

于 2012-04-16T14:55:26.487 に答える