イヌでもわかるJavaScript講座
|
Step.81 - アクセス毎にBGMを変える
|
アクセス毎に、BGMをランダムに選択して演奏してみます。 |
Step テーマ ● とくになし |
実行例 |
リスト
|
サンプルだけの 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/ |