|
|
|
11/24(Sun) 16:28
 時刻毎に変わるＢＧＭ or 音声のご挨拶の作り方
時刻毎に変わるＢＧＭの作り方をJavaScriptで行う方法を紹介します。「midiデータ」を「auデータ」に変更すれば時刻毎に変わる音声でのご挨拶になります。
JavaScriptのメリットは、ブラウザの種類、バージョンに極め細かく対応できる点です。Netscapeでは「EMBED」、IE3.02以下では「BGSOUND」を使う必要がありますので、setBGM()でブラウザの種類、バージョンを判定して設定してしまいます。
- ＢＧＭ用関数setBGM()をヘッダー部に定義します。
- MIDIコンソールを表示したい任意の場所に、関数setBGM()を実行するコマンドをJavaScriptで本文に記述します。
(注) EMBEDEDのパラメータの説明はソフト工作室No.17(ＢＧＭ)、No.16(音声)にあります。
■関数setBGM()をヘッダー部に定義します。
|
<![CDATA[
<SCRIPT language="JavaScript">
<!--
BGM = new Array();
BGM[0]="midi/bgm1.mid";
BGM[1]="midi/bgm3.mid";
BGM[2]="midi/bgm3.mid";
BGM[3]="midi/bgm3.mid";
BGM[4]="midi/bgm3.mid";
BGM[5]="midi/bgm3.mid";
BGM[6]="midi/bgm1.mid";
BGM[7]="midi/bgm1.mid";
BGM[8]="midi/bgm1.mid";
BGM[9]="midi/bgm2.mid";
BGM[10]="midi/bgm2.mid";
BGM[11]="midi/bgm2.mid";
BGM[12]="midi/bgm3.mid";
BGM[13]="midi/bgm2.mid";
BGM[14]="midi/bgm2.mid";
BGM[15]="midi/bgm1.mid";
BGM[16]="midi/bgm2.mid";
BGM[17]="midi/bgm3.mid";
BGM[18]="midi/bgm2.mid";
BGM[19]="midi/bgm1.mid";
BGM[20]="midi/bgm1.mid";
BGM[21]="midi/bgm1.mid";
BGM[22]="midi/bgm1.mid";
BGM[23]="midi/bgm3.mid";
function setBGM()
{
d=new Date();
h=d.getHours();
if (navigator.appName.substring(0,3)=="Mic" && navigator.appVersion.substring(0,1)<=3)
document.write("<BGSOUND SRC='",BGM[h],"' loop='1'>");
else
{
document.write("<EMBED SRC='",BGM[h],"' autostart='true' volume='40'");
document.write(" width='144' height='35' loop='true' controls='console'>");
}
}
// -->
</SCRIPT>
]]>
|
■MIDIコンソールを表示したい任意の場所に、関数setBGM()を実行するコマンドをJavaScriptで<BODY>〜</BODY>内に記述します。
<script language="JavaScript">
<!--
setBGM();
// -->
</script>
(注)音声の場合は、繰り返しを1回に指定しコンソールは表示しない方法をお勧めします。
<![CDATA[
document.write("<BGSOUND SRC='",BGM[h],"' loop='1'>");
document.write("<EMBED SRC='",BGM[h],"' autostart='true' hidden='true'>");
]]>
|
|
