BGM再生のJavaScriptサンプル - ランダム版
ランダムでBGMを再生します。
サンプル→別ウインドウで開きます。
ランダムでBGMを再生する
BGMを再生するページを作成
まず始めにBGMを再生するHTMLを用意します。上のサンプルでは0.html, 1.html,2.htmlの3つを作成しています。必ず0から始まる数字で名前をつけて、BGMを開くウインドウと同じ場所に置いてください。このサンプルの各HTMLファイルの中身は
<embed src="filename.mid" type="audio/midi" width="100" height="25" autostart="true"></embed>
このようになっていて、filename.midの部分を使用するファイルに変更しています。
サンプルでは相対アドレスで書いていますが、http://から始まるアドレスで書かないと動作しないこともあるので音が出ないときは試してみてください。
また、このタグはMIDIファイルの場合ですが、他ファイルを使う場合は形式毎に異なります
各メディア毎のプラグイン再生を参考にしてみてください。
HTMLタグを自動で作成することも可能です
設置方法1.HEADタグ
まずはHEADタグ内に以下のスクリプトをコピーなどで張ってください。
1箇所変更する部分があります。
fLen = 3;
ここの数字の部分、上の場合は3の部分を用意したBGM再生用のファイルの数に変更してください。今回は3つのファイルを作成してあるので3になっています。
設置方法2.リンクを張る
その後、BODYタグの中にBGM再生のためのリンクを貼ります。
<A href="#" onClick="randombgm();return false">PLAY!</A>
こんな感じです。
ループ再生をするかどうかなどは自分で設定してください。そんな難しくも無いので。
MIDI以外のファイルの場合も、このサイト内で調べればなんとかなるとは思います
また、onLoad="randombgm()" という一文をBODYタグに記述する事で自動的にウインドウが開きランダムなBGMが再生されますが、ポップアップウインドウを嫌う人も多いのでその辺だけ注意してください
<BODY onLoad="randombgm()">
本文〜
という感じです。
注意点
まず各ファイル形式毎にBGM再生側のウインドウ記述が変わるのでそこに注意してください。BGMが再生されないときはまずそのBGM再生側のHTMLだけでテストしてみてください。