![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
私は現在初めてホームページ作成を行っている者です。
HTMLとJavaScriptを使ってホームページを作ろうと思い、作業を開始しました。
自宅PCをサーバとして機能させ、また音楽を再生するサイトを作りたいと思っています。
そこで
http://q.hatena.ne.jp/1179831319
こちらのサイトを参考にし、
<html>
<head>
<script type="text/javascript">
soundlist = ['1.mid', '2.mid', '3.mid'] ;
path = './midifiles/' ; // ファイルのあるディレクトリのパス
function soundPlay(n) {
var option = '"' ;
option += ' autostart = "true"' ; // 自動再生
option += ' loop = "true"' ; // ループ再生
option += ' style = "position:absolute;bottom:100%;"' ; // スタイル
document.getElementById('player').innerHTML = '<embed src="' + path + soundlist[n-1] + option + ' />' ;
document.getElementById('stopbutton').disabled = false ;
}
function soundStop() {
document.getElementById('player').innerHTML = '' ;
document.getElementById('stopbutton').disabled = true ;
}
</script>
</head>
<body>
<form>
<button type="button" onclick="soundPlay(1)">音楽1</button>
<button type="button" onclick="soundPlay(2)">音楽2</button>
<button type="button" onclick="soundPlay(3)">音楽3</button>
<button type="button" id="stopbutton" onclick="soundStop()" disabled="true">停止</button>
</form>
<div id="player"></div>
</body>
</html>
基本のコードは上記のままでホームページを作成し、ローカル環境では問題なく動作しました。
しかし、
AnHttpdを使い、No-IP.comでURLを取得し、自宅PCをサーバ化した所までは良かったのですが、
Web上でページにアクセスすると上手く音楽が再生されなくなってしまいました(その他の画像や文字の文体等は問題ありません)。
コマンドプロンプトで確認もしましたが、URLの関連付けも問題なく行われており、ページの表示自体には何の問題もありません。ただ音楽ファイルだけ再生出来なくなりました。
私としてはサーバに指定したフォルダ内にpathに指定したディレクトリを作成し、そこに音楽ファイルを入れておけば、ボタンクリック時にそのファイルが参照され、再生されるものと思っておりました。
メディアプレイヤーなどは表示したくはないので、上記のコードを参考にしていたのですがここにきて行き詰ってしまった次第です。
他にも色々なサイトを巡って調べてみましたが、恥ずかしくも原因がよくわかりませんでした。
もしかしたら既知の方からすれば、非常に簡単な問題なのかもしれませんが、私にとっては頭を悩ませる難解な問題です。
音楽ファイル一つ一つはMatlabで作成した単純な短い正弦波ですので、サイズは300KByte以下です。wavファイルだから駄目なのかもと思いもしましたが、ローカル環境では、mp3,midi,wavのいずれのファイルも再生可能でしたので、それが原因だとは思えません。
ホームページ作成言語や仕組みに関しては素人同然の私ですが、なんとか完成させたいと思っています。些細なことでも結構ですので、何か参考になりそうなことがありましたら、ご教授お願いします。
お早い回答を頂けましたら幸いです。
どなたかよろしくお願いします。
No.2ベストアンサー
- 回答日時:
はじめまして。
先ずはログファイル見たほうがいいと思います。音楽ファイルが再生できればアクセスログに残り、そうでない現状ではエラーが上がっているはずです。そのエラーの内容から、何かしらの設定のミスを推測していく…、という流れです。
ログに「404 Not Found」が上がっているに1票投じます。
Webサーバーからファイルが見えないので再生ができないんでしょう。
ドキュメントルートの設定があってないか、MIMEの設定の問題かと。
MIMEの設定は参考URLを読んで下さい。
参考URL:http://www012.upp.so-net.ne.jp/cool_r32/myserver …
回答ありがとうございます。
仰られた通りにエラーログファイルを参照しながらルート設定を変えていったところ、なんとか正しいルートを設定することが出来ました。
404 Not Found も正解です。
こんなにも早く解決するとは正直思っていなかったので大変助かりました。
ご丁寧にどうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PCに保存していた写真を見られ...
-
同名フォルダを作成し、そのフ...
-
Outlookで添付ファイルの貼り付...
-
Mac Excel VBAについて
-
拡張子をつくる
-
イメージマップで作成したリン...
-
Mingwでコンパイルする場合のプ...
-
ExcelVBAでリンク先の対象のフ...
-
Subversionにて、リポジトリの...
-
秀丸のタグジャンプがうまくで...
-
ファイル名とホルダ名の取得
-
lockディレクトリとは?
-
includeやrequireでファイル参...
-
HTMLでクライント側からのボタ...
-
HTMLについて
-
ホームページ上での音楽再生に...
-
VC++アプリの設定保存について
-
エクセルの上書き保存で名前が...
-
linux duコマンドで困っています。
-
コピーの際、ファイルの作成日...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PCに保存していた写真を見られ...
-
Excelの関数について教えてくだ...
-
拡張子をつくる
-
Excelで外部のファイルの場所を...
-
同名フォルダを作成し、そのフ...
-
<a href="file:///フォルダ名/...
-
OpenFileDialogを使った後にも...
-
MkDir パス名が無効です
-
スマホでHTMLファイルを開いて...
-
参照元Excelファイルをバックグ...
-
ExcelVBAでリンク先の対象のフ...
-
VBSでメール送信
-
EXCEL VBAのDir関数について
-
ファイルの作成日時について
-
Mac Excel VBAについて
-
Webページのリンクの貼り方を教...
-
「~$ファイル名.doc」というフ...
-
秀丸のタグジャンプがうまくで...
-
Outlookで添付ファイルの貼り付...
-
OneDriveのドキュメントにある...
おすすめ情報