質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

XAMPP

XAMPP(ザンプ)は、ウェブアプリケーションの実行に必要なフリーソフトウェアをパッケージングしたApacheディストリビューションです。 XAMPPひとつインストールするだけで、Apache、MySQL、PHP、Perlなどのソフトウェアと、 phpMyAdminなどの管理ツール、SQLiteなどのソフトウェアやライブラリモジュールなどを利用することが可能です。

Q&A

2回答

4060閲覧

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

takinogawa047

総合スコア5

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

XAMPP

XAMPP(ザンプ)は、ウェブアプリケーションの実行に必要なフリーソフトウェアをパッケージングしたApacheディストリビューションです。 XAMPPひとつインストールするだけで、Apache、MySQL、PHP、Perlなどのソフトウェアと、 phpMyAdminなどの管理ツール、SQLiteなどのソフトウェアやライブラリモジュールなどを利用することが可能です。

0グッド

1クリップ

投稿2020/04/12 05:35

編集2020/04/16 04:08

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"> のように記述しても音が出ません。 エラーメッセージのようなものは出す、無反応です。 どのように設定すれば音を出せるでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/04/12 05:59

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

2020/04/12 09:43

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

2020/04/16 04:10

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

回答2

0

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

html

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

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

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

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

投稿2020/04/16 04:59

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

takinogawa047

2020/04/16 09:38

私も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の問題でしょうか?
退会済みユーザー

退会済みユーザー

2020/04/16 11:27

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

2020/04/20 08:05

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

退会済みユーザー

2020/04/20 08:28

> firefoxとIEでセキュリティレベルを最低にして試しましたが、どちらもダメでした。 何をしたのか不明ですが、多分方向性が間違っています。 この辺を参考にしてください。 https://support.mozilla.org/ja/questions/1264779?&mobile=0 > できないならできないで構わないのですが、どうしてそうなるかが知りたいところです。 回答したとおりです。ブラウザの制限でセキュリティエラーが発生しています。
guest

0

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

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

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

投稿2020/04/12 09:34

akkman

総合スコア254

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

takinogawa047

2020/04/16 04:11

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

2020/04/16 04:37

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

2020/04/16 08:18

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問