ブラウザからPC内の所定の場所にあるmp3を再生する

Question

PCのDドライブに多数のmp3の楽曲がアーティスト・アルバムごとのフォルダに収納されています。
Cドライブにxamppをインストールし、codeigniterを使ってそれらをリスト化するプログラムを作成しています。
曲名リストをDBへ入れて検索できるようにし、html5のaudioタグを利用してブラウザからmp3を再生させようと思っていますが、再生ができません。

echo '<audio preload="auto" controls>';
echo '  <source src="' . AUDIO_DIR . $aud->FolderName . "/" . $aud->Name . "." . $aud->Extension . '" type="audio/mp3">';
echo '</audio>';

実際のHTMLはこんな感じです。

<audio preload="auto" controls>  
<source src="file:///D:/Music/MP3/English/A/Ariana Grande/thank u, next/02 needy.mp3" type="audio/mp3">
</audio>

ちなみに、localhost内にmp3を置くと再生できます。
また、
file:///D:/Music/MP3/00-Something/05 abc.mp3
をブラウザに直打ちすると音がなりますが、

<source src="file:///D:/Music/MP3/00-Something/05 abc.mp3"> のように記述しても音が出ません。 エラーメッセージのようなものは出す、無反応です。 どのように設定すれば音を出せるでしょうか？

Comments

[m.ts10806]

内容的にはPHPもXAMPPも関係ないのでは。あとsourceタグ単体では動かないはずです。
コードは実際のもの、全体の流れがわかるものをマークダウンで提示してください。
質問は編集できます。

[coco_bauer]

mp3を再生させようとしているhtml5の内容を質問に追加して下さい。
何か問題があるのでmp3が再生されないのだと思われますが、どんな内容がHTML5で書かれているのかが判らないので、どうしようもないです。

[takinogawa047]

遅くなってすみません、お二方のご意見をもとに修正してみました。

Answer 1

ブラウザのセキュリティエラーが出ているはずです。

<audio preload="auto" controls>  
<source src="file:///C:/test.mp3">
</audio>

この html ファイルに、file://でアクセスすると、音が鳴らせるはずです。(Firefox では動作を確認しました。)
http://では、コンソールに以下が出力されます表示されます。

セキュリティエラー: https://exampl.com/mp3_test.html のコンテンツが file:///C:/test.mp3 を読み込み、またはこれにリンクすることは禁止されています。

ブラウザの制限なので、セキュリティレベルを下げることで対応することが可能です。
この方向性ですすめるのであれば、ブラウザの起動オプションかエクステンションでの対応を検討してみてください。

Comments

[takinogawa047]

私もfirefoxを使っています。

abc.htmlのようなhtmlを作成し、上記のソース
```
<audio preload="auto" controls>
<source src="file:///D:/Music/MP3/English/A/Ariana Grande/thank u, next/02 needy.mp3" type="audio/mp3">
</audio>
```
を設定したところmp3が鳴ることを確認しました。
Codeigniterのviewと同じディレクトリにそのhtmlを設置しても鳴りました。
htmlのソースは全く同じですが、片方は鳴り、片方は鳴りません。
ということは、Codeigniterの問題でしょうか？

[退会済みユーザー]

回答のとおりです。

> この html ファイルに、file://でアクセスすると、音が鳴らせるはずです。(Firefox では動作を確認しました。)
http://では、コンソールに以下が出力されます表示されます。

[takinogawa047]

firefoxとIEでセキュリティレベルを最低にして試しましたが、どちらもダメでした。
普通にデスクトップにhtmlファイルを設置してクリックしてやると、曲が認識され何分何秒がひょうじされるのですが、localhost下にあると０分０秒で認識されていません。
できないならできないで構わないのですが、どうしてそうなるかが知りたいところです。

[退会済みユーザー]

> firefoxとIEでセキュリティレベルを最低にして試しましたが、どちらもダメでした。

何をしたのか不明ですが、多分方向性が間違っています。
この辺を参考にしてください。
https://support.mozilla.org/ja/questions/1264779?&mobile=0

> できないならできないで構わないのですが、どうしてそうなるかが知りたいところです。

回答したとおりです。ブラウザの制限でセキュリティエラーが発生しています。

Answer 2

ブラウザではセキュリティの問題上、ローカルファイルを直接参照できない性質があります。

もしかすると今回のケースでも同様の理由でDドライブに存在する音楽ファイルを再生できていないのかもしれません。

xampp/htdocs以下に音楽ファイルを置いておくような仕様にすれば問題解決されるかもしれないです。

Comments

[takinogawa047]

xampp/htdocs(localhost)で再生ができることは確認しています。

[m.ts10806]

疑問。それならなぜhttpからアクセスさせないのでしょう。

[takinogawa047]

今回、やりたいことは、今までDドライブに大量にため込んで見つけ出すのに苦労していたmp3データを、リスト化して見つけやすくすることです。
そのためにCドライブにxamppの環境を作りました。
周囲にも、何人か同じように沢山のmp3データをため込んでいる音楽仲間がいるので、xamppを渡してmp3のディレクトリを指定すればリストができると便利かな、というところで、できなければ仕方ないのですが、可能な限り現状維持でと考えています。