Home > イヌでもわかるJavaScript講座 お品書き
イヌでもわかるJavaScript講座 お品書き へ戻ります
イヌでもわかるJavaScript講座


Step.81 - アクセス毎にBGMを変える


アクセス毎に、BGMをランダムに選択して演奏してみます。


Step テーマ
● とくになし

実行例






リスト

<script type="text/javascript"><!--
myImage = new Array(// 音楽ファイル名(URL) の設定
"bgm1.mid",
"bgm2.mid",
"bgm3.mid",
"ngm4.mid",
"bgm5.mid"
);
myRnd = Math.floor( Math.random() * myImage.length ); // 0〜(myImage.length-1)の乱数を求める
document.write('<embed src="', myImage[myRnd], '" loop="true" autostart="true">');
// --></script>


サンプルだけの HTMLは こちらへ

説明


[Q] BGMをランダムに演奏するサンプルをお願いします

BGMを演奏するには、私は、
<embed src="ファイル名">
を使っています。

今回はこの、<EMBED>タグのファイル名が アクセス毎に 違えばよいわけです。

ファイル名を ランダムに決めて演奏します。

サンプルは 5個の 音楽ファイルの中から 1つを決めて演奏していますが、実際流れているBGMは2曲しか流れません。
私が 2つしか 音楽ファイルをもっていないからです。(^^; がはは

音楽ファイルが、HTMLファイルと 違うフォルダに置いているのであれば、ファイル名にそのままパスを付けて記述します。

例1:HTMLファイルがある場所に bgmフォルダを作ってその中に 音楽ファイルがある場合、
myImage = new Array(
"bgm/bgm1.mid",
"bgm/bgm2.mid",
"bgm/bgm3.mid",
"bgm/bgm4.mid",
"bgm/bgm5.mid"
);

例2:ルート(URLの先頭) から、HTMLフォルダに HTMLファイルがあり、bgmフォルダに 音楽ファイルがある場合、
myImage = new Array(
"../bgm/bgm1.mid",
"../bgm/bgm2.mid",
"../bgm/bgm3.mid",
"../bgm/bgm4.mid",
"../bgm/bgm5.mid"
);
「 ../ 」は、フォルダを1コ上に移動するという意味です。2コ戻ってBGMフォルダに入るのなら、「../../bgm/bgm1.mid」となります。

例3:全く違うサーバーに音楽ファイルがある場合、
myImage = new Array(
"http://red.oit-net.jp/bgm/bgm1.mid",
"http://red.oit-net.jp/bgm/bgm2.mid",
"http://red.oit-net.jp/bgm/bgm3.mid",
"http://red.oit-net.jp/bgm/bgm4.mid",
"http://red.oit-net.jp/bgm/bgm5.mid"
);
ダイレクトに、「 HTTP:// 」 から記述します。


参考ステップ
Step.31 ポップアップウィンドウを開いて BGMを流してみましょう その1 
Step.32 ポップアップウィンドウを開いて BGMを流してみましょう その2 
Step.63 ポップアップウィンドウを開いて BGMを流してみましょう その3 



"日曜画家" Copyright (C) K.K. All rights reserved.
Intermezzo http://www1.linkclub.or.jp/~medaka34/

"渚のヒロイン" Copyright (C) MIDIBOX All rights reserved.
MIDIBOX http://www32.ocn.ne.jp/~midibox/


 
イヌでもわかるJavaScript講座 お品書き へ戻ります