MediaSourceオブジェクトをHTML5ビデオタグのソースとしてアタッチしようとしているときに「ローカルリソースのロードを許可しない」エラーが発生する
this の例を動作させようとしています。リンクをクリックすると正常に動作します。しかし、ローカルマシンにHTMLファイルをダウンロードして同じことを試みると、このエラーがスローされます。
ローカルリソースのロードが許可されていません：blob：null/6771f68d-c4b8-49a1-8352-f2c277ddfbd4
問題を引き起こしていると思われるコード行はこれです、
video.src = window.URL.createObjectURL(mediaSource);
このコード行が行っていることは、基本的に、ビデオタグメディア要素のソースをMediaSourceオブジェクトに設定しようとしていることです。私は多くの運なしにさまざまな順列を試しました。
私はChromeバージョン28.0.1500.72 mを使用しています。これは最新の安定版リリースです。
ポインタをいただければ幸いです。
@dandavisが言ったように、「httpから実行：ファイルではなく」。
組織のためにこれをアワーとして投稿しています。
スターターの場合：httpからプロジェクトを実行するには、httpサーバー（Apacheや単純なノード http-server ）が必要ですhttp：// localhostを介してプロジェクトを実行します。
Npmコマンドを使用してhttp-serverをグローバルにインストールします（事前にシステムにNode.jsをインストールしている場合）。 CMDでファイルフォルダーに移動し、http-serverと入力します。アプリはlocalhost：808で実行する必要があります。