【WebページのBGM】

Question

mkonomi

296

177もっと見る

インターネット

【WebページのBGM】

ある自作のWebページが
　・Internet Explorer、
　・Firefox
ではBGMが聞こえるのですが、
　・Chrome(同一ＰＣ)
ではBGMが聞こえませんでした。

その自作のWebページのBGM付けと自動スクロールは、ある音楽サイト(※1)の
あるページ(※2)のhtmソースコードに倣って2008年1月に作成しました。

現在、Chrome でその(※2)を試してみると、BGMは聞こえます。
Chrome の公開時期は2008年12月12日で上記2008年1月は公開前でした。
現在の(※2)ではChrome向け対応済みの様子です。

そこで現時点の(※2)に倣ってその自作のWebページを書き変えると、
Chrome でもBGMが聞こえるようになりました。

以下の質問者補足欄の図に示す新旧スクリプトを見較べて、
なぜGoogle Chrome で聞こえるようになったのかが理解できません。
JavaScriptに詳しい方の解説をお願いいたします。

(※1)
　　●llerrah社
　　http://llerrah.com/index.html
(※2)
　　●New Year Wishes
　　http://llerrah.com/newyearwishes.htm
　　(最初少しだけ手動でスクロールすればあとは自動スクロールします)

回答の条件

1人5回まで

登録：2013/02/26 10:59:16
終了：2013/02/28 06:59:09

質問者から

mkonomi2013/02/26 11:36:48

質問文本文では「はてな記法」が使用できないのでこの欄に示します。

2008年1月

2013年2月(現在)

なお、音声ファイルは同一フォルダに存在します。

規約違反として通知

質問者から

mkonomi2013/02/26 11:13:49

質問文を編集しました。詳細はこちら。

規約違反として通知

a-kuma3 2013/02/26 17:19:58

引っ掻き回したうえに、コメントも一歩遅れ　　orz
rouge_2008 2013/02/26 19:23:31

横からすみません。つい・・・(^^;
a-kuma3 2013/02/26 19:26:02

こんな回答者ですから、ぼく相手のときは、是非、回答欄で　＞＜

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

a-kuma3 · Accepted Answer · 2013-02-26T11:18:49+09:00

No.1

a-kuma3497321542013/02/26 11:18:49

最後の else が Google Chrome で動くところですが、embed タグの src 属性の指定でイコールの前後に空白が入っているのが駄目だったんだと思います。
IE だと、HTML の解釈が緩いのでこんな書き方でも動いたはずですが、厳密には src 属性が指定されていないと解釈されるはずです。

他7件のコメントを見る

さっそくの回答ありがとうございました。

2013/02/26 11:44:50

試してみましたが、違うようです。

(１)ＮＧの方のスクリプトで
document.write( '<embed src = "SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
のsrcの次の=の前後のブランクを取り去って
document.write( '<embed src="SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
にしましたが、音声を聞くことができません。

さらに、SomeMusic.midの前後の"も取り去って
document.write( '<embed src=SomeMusic.mid autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
にしてみましたが、それでも音声は聞くことができません。
実験に際しては、その都度，Ｆ５キーを押してリフレッシュしました。

(２)逆に、ＯＫの方のスクリプトで
document.write( '<embed src=SomeMusic.mid autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
のsrcの次の=前後にわざとブランクをいれて、SomeMusic.midの前後に"も入れて
document.write( '<embed src = "SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
にしても音声を聞くことができています。
こちらでも、実験に際しては、その都度，Ｆ５キーを押してリフレッシュしました。

ＮＧの方のスクリプトでは
else if (navigator.appVersion.indexOf("Win") > 0)
は何の判定をしているのですか？
chromeはここでYESになっているのではありませんか？

《仮　説》
ブラウザがchromeの場合、
document.writeln("<BGSOUND src=SomeMusic.mid LOOP=INFINITE VOLUME=-500>");
では音声が出ないが
document.write( '<embed src = "SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
では音声が出ると仮定するとつじつまが合うのですが・・・
　

2013/02/26 14:18:01

＞《仮　説》
＞ブラウザがchromeの場合、
＞ document.writeln("<BGSOUND src=SomeMusic.mid LOOP=INFINITE VOLUME=-500>");
＞では音声が出ないが
＞ document.write( '<embed src = "SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
＞では音声が出ると仮定するとつじつまが合うのですが・・・

《実　験》
＜ＳＣＲＩＰＴ　ｌａｎｇｕａｇｅ＝ＪａｖａＳｃｒｉｐｔ＞
document.writeln("<BGSOUND src=SomeMusic.mid LOOP=INFINITE VOLUME=-500>");
＜／ＳＣＲＩＰＴ＞
でブラウザがchromeの場合音声が出ない。

＜ＳＣＲＩＰＴ　ｌａｎｇｕａｇｅ＝ＪａｖａＳｃｒｉｐｔ＞
document.write( '<embed src = "SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
＜／ＳＣＲＩＰＴ＞
でブラウザがchromeの場合音声が出る。

よって、上記仮説は実験的に証明できました。
注：
上記
＜ＳＣＲＩＰＴ
などは実際は半角英字です。

2013/02/27 01:24:16

すみません。新たな質問ですが、
Firefoxの場合、新旧どちらのコードでもＢＧＭが聞こえるのはどのように説明できますか？
新コードでは最初のifがYESですが、旧コードではどこに該当しますか？

2013/02/27 20:39:28

a-kuma3さん
コメントありがとうございました。
わざわざ確認していただいてお手数をおかけしました。
おかげさまで、全体が納得でき、すっきりしました。

2013/02/27 22:16:28

以下のコードを３つのブラウザ
　・Internet Explorer、
　・Mozilla Firefox
　・Google Chrome
で実際に実行して納得できました。
ご指導ありがとうございました。

(この欄の表示のために全角で記述しましたが、実際は半角英字です)
────
＜ｈｔｍｌ＞

＜ｈｅａｄ＞
＜ｔｉｔｌｅ＞ｎａｖｉｇａｔｏｒ．ａｐｐＮａｍｅ／ａｐｐＶｅｒｓｉｏｎ／ｕｓｅｒＡｇｅｎｔ＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞

＜ｂｏｄｙ　ｂｇｃｏｌｏｒ＝”ｇｒｅｅｎ”＞
＜ｈｒ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｙｅｌｌｏｗ”＞ｎａｖｉｇａｔｏｒ．ａｐｐＮａｍｅ　＝　＜ｂｒ＞＜／ｆｏｎｔ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｗｈｉｔｅ”＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（ｎａｖｉｇａｔｏｒ．ａｐｐＮａｍｅ）；＜／ｓｃｒｉｐｔ＞
＜／ｆｏｎｔ＞

＜ｈｒ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｙｅｌｌｏｗ”＞ｎａｖｉｇａｔｏｒ．ａｐｐＶｅｒｓｉｏｎ　＝　＜ｂｒ＞＜／ｆｏｎｔ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｗｈｉｔｅ”＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（ｎａｖｉｇａｔｏｒ．ａｐｐＶｅｒｓｉｏｎ）；＜／ｓｃｒｉｐｔ＞
＜／ｆｏｎｔ＞

＜ｈｒ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｙｅｌｌｏｗ”＞ｎａｖｉｇａｔｏｒ．ｕｓｅｒＡｇｅｎｔ　＝　＜ｂｒ＞＜／ｆｏｎｔ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｗｈｉｔｅ”＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（ｎａｖｉｇａｔｏｒ．ｕｓｅｒＡｇｅｎｔ）；＜／ｓｃｒｉｐｔ＞
＜／ｆｏｎｔ＞
＜ｈｒ＞

＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
────

2013/02/28 01:15:13

a-kuma3 · Accepted Answer · 2013-02-26T11:18:49+09:00

No.1

a-kuma3497321542013/02/26 11:18:49ここでベストアンサー

最後の else が Google Chrome で動くところですが、embed タグの src 属性の指定でイコールの前後に空白が入っているのが駄目だったんだと思います。
IE だと、HTML の解釈が緩いのでこんな書き方でも動いたはずですが、厳密には src 属性が指定されていないと解釈されるはずです。

他7件のコメントを見る

さっそくの回答ありがとうございました。

2013/02/26 11:44:50

試してみましたが、違うようです。

(１)ＮＧの方のスクリプトで
document.write( '<embed src = "SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
のsrcの次の=の前後のブランクを取り去って
document.write( '<embed src="SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
にしましたが、音声を聞くことができません。

さらに、SomeMusic.midの前後の"も取り去って
document.write( '<embed src=SomeMusic.mid autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
にしてみましたが、それでも音声は聞くことができません。
実験に際しては、その都度，Ｆ５キーを押してリフレッシュしました。

(２)逆に、ＯＫの方のスクリプトで
document.write( '<embed src=SomeMusic.mid autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
のsrcの次の=前後にわざとブランクをいれて、SomeMusic.midの前後に"も入れて
document.write( '<embed src = "SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
にしても音声を聞くことができています。
こちらでも、実験に際しては、その都度，Ｆ５キーを押してリフレッシュしました。

ＮＧの方のスクリプトでは
else if (navigator.appVersion.indexOf("Win") > 0)
は何の判定をしているのですか？
chromeはここでYESになっているのではありませんか？

《仮　説》
ブラウザがchromeの場合、
document.writeln("<BGSOUND src=SomeMusic.mid LOOP=INFINITE VOLUME=-500>");
では音声が出ないが
document.write( '<embed src = "SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
では音声が出ると仮定するとつじつまが合うのですが・・・
　

2013/02/26 14:18:01

＞《仮　説》
＞ブラウザがchromeの場合、
＞ document.writeln("<BGSOUND src=SomeMusic.mid LOOP=INFINITE VOLUME=-500>");
＞では音声が出ないが
＞ document.write( '<embed src = "SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
＞では音声が出ると仮定するとつじつまが合うのですが・・・

《実　験》
＜ＳＣＲＩＰＴ　ｌａｎｇｕａｇｅ＝ＪａｖａＳｃｒｉｐｔ＞
document.writeln("<BGSOUND src=SomeMusic.mid LOOP=INFINITE VOLUME=-500>");
＜／ＳＣＲＩＰＴ＞
でブラウザがchromeの場合音声が出ない。

＜ＳＣＲＩＰＴ　ｌａｎｇｕａｇｅ＝ＪａｖａＳｃｒｉｐｔ＞
document.write( '<embed src = "SomeMusic.mid" autostart="true" HEIGHT=1 WIDTH=1 loop="true" ></embed>' );
＜／ＳＣＲＩＰＴ＞
でブラウザがchromeの場合音声が出る。

よって、上記仮説は実験的に証明できました。
注：
上記
＜ＳＣＲＩＰＴ
などは実際は半角英字です。

2013/02/27 01:24:16

すみません。新たな質問ですが、
Firefoxの場合、新旧どちらのコードでもＢＧＭが聞こえるのはどのように説明できますか？
新コードでは最初のifがYESですが、旧コードではどこに該当しますか？

2013/02/27 20:39:28

a-kuma3さん
コメントありがとうございました。
わざわざ確認していただいてお手数をおかけしました。
おかげさまで、全体が納得でき、すっきりしました。

2013/02/27 22:16:28

以下のコードを３つのブラウザ
　・Internet Explorer、
　・Mozilla Firefox
　・Google Chrome
で実際に実行して納得できました。
ご指導ありがとうございました。

(この欄の表示のために全角で記述しましたが、実際は半角英字です)
────
＜ｈｔｍｌ＞

＜ｈｅａｄ＞
＜ｔｉｔｌｅ＞ｎａｖｉｇａｔｏｒ．ａｐｐＮａｍｅ／ａｐｐＶｅｒｓｉｏｎ／ｕｓｅｒＡｇｅｎｔ＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞

＜ｂｏｄｙ　ｂｇｃｏｌｏｒ＝”ｇｒｅｅｎ”＞
＜ｈｒ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｙｅｌｌｏｗ”＞ｎａｖｉｇａｔｏｒ．ａｐｐＮａｍｅ　＝　＜ｂｒ＞＜／ｆｏｎｔ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｗｈｉｔｅ”＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（ｎａｖｉｇａｔｏｒ．ａｐｐＮａｍｅ）；＜／ｓｃｒｉｐｔ＞
＜／ｆｏｎｔ＞

＜ｈｒ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｙｅｌｌｏｗ”＞ｎａｖｉｇａｔｏｒ．ａｐｐＶｅｒｓｉｏｎ　＝　＜ｂｒ＞＜／ｆｏｎｔ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｗｈｉｔｅ”＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（ｎａｖｉｇａｔｏｒ．ａｐｐＶｅｒｓｉｏｎ）；＜／ｓｃｒｉｐｔ＞
＜／ｆｏｎｔ＞

＜ｈｒ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｙｅｌｌｏｗ”＞ｎａｖｉｇａｔｏｒ．ｕｓｅｒＡｇｅｎｔ　＝　＜ｂｒ＞＜／ｆｏｎｔ＞
＜ｆｏｎｔ　ｓｉｚｅ＝５　ｃｏｌｏｒ＝”ｗｈｉｔｅ”＞
＜ｓｃｒｉｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”＞ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（ｎａｖｉｇａｔｏｒ．ｕｓｅｒＡｇｅｎｔ）；＜／ｓｃｒｉｐｔ＞
＜／ｆｏｎｔ＞
＜ｈｒ＞

＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
────

2013/02/28 01:15:13

【WebページのBGM】

質問者から

ベストアンサー

a-kuma3497321542013/02/26 11:18:49

その他の回答（0件）

質問者から

a-kuma3497321542013/02/26 11:18:49ここでベストアンサー

コメント（3件)

この質問への反応（ブックマークコメント）