
皆さん、初めまして、かえるけろ。新コーナーでは、私、かえるがいろんなことに挑戦してみたことを、皆さんにご報告するけろよ。語尾が「けろ」になるのは、耳障りでも勘弁してけろね〜。
1回目は「音楽のあるHPに挑戦!」けろ。とりあえず、挑戦した結果は・・・。聞こえてるけろか?BGMが・・・。えっへん。ま、何でもわからないことがあったら、気軽にお訊ね下さいけろよ。初心者は初心者同士、仲良く情報交換けろ。
1.まず音のデータを用意する
自分で曲を作って、MIDIファイルを作ることも出来るけど、初心者はとりあえずフリーで配布されているものを利用するのが簡単けろ。
2.プラグインってのが要るらしい
IE、NNともに標準で再生が可能だけど、停止などの操作をすることが出来ないけろ。YAMAHAのMIDPLUGは有名なプラグインで、ソフトウェアシンセサイザが付属してくるので、機種に依存しない音色選びが可能だし、どのブラウザでも高機能な再生が可能。
3.HTMLに記述する
MIDIのファイルをゲットしたら、HTMLに「○○というMIDIファイルを再生して〜」というタグの記述をするけろ。ページを開いた時に自動再生するか、再生ボタンを押してから再生するかは選べるけろよ。このページでは、自動再生にしているけろ。
一番簡単なタグは、これかな?これでページを開くと自動的にBGMが流れて、曲はその間ずっと繰り返されるけろ。
<EMBED src="再生させたいファイル名.mid"
autostart="true" hidden="true"
loop="true" repeat="true">
もしくは、
<EMBED src="再生させたいファイル名.mid"
type="audio/midi" width="150"
height="40" autostart="true"
repeat="true" loop="true"
save="true">
「autostart」はそのまんま、ページを開くと自動的にBGMをスタートさせるかどうかを指定するけろ。falseとしておくと、来訪者が再生ボタンを押さないとスタートしないけろ。
「 repeatとloop」は同じ意味で、繰り返し再生する=true、繰り返ししない=false、回数を指定する=3とか任意の数字で指定するけろ。
このページでは、
<OBJECT classid="CLSID:B0C207A3-42EE-11D0-9DB3-00805F8A73C5"
codebase="http://www.yamaha.co.jp/xg/midplug/controls/yamplay.cab"
height="40" width="150"
id="MIDPLUG">
<PARAM name="Src" value="midi/HIP01XGW.MID">
<PARAM name="Repeat" VALUE="true">
<PARAM name="Autostart" value="true">
<EMBED src="midi/HIP01XGW.MID"
height="40" " width="150"
hidden="false" autostart="true"
repeat="true" panel="0"
type="audio/midi " pluginspage="http://www.yamaha.co.jp/xg/midplug/top.html"
save="true">
<PARAM name="_ExtentX" value="106">
<PARAM name="_ExtentY" value="53">
</OBJECT>
という形にしてあるけろ。プラグインを持っていない場合は、自動的にヤマハに飛んでプラグインをダウンロードするようになっているけろ。それから、<PARAM>と<EMBED>のタグの中は、同じ記述がダブっているけど、それはそれぞれIEとNN用と思ってね。
とりあえず、このままコピーして挿入し、「○○.mid」(MIDIファイルの拡張子は、*.mid)の部分を自分の用意した曲のファイル名に変更すればOKけろよ。
音楽が流れるHPって、最近よく見かけるけど、来訪者の環境によっては、むちゃむちゃ重くなって「もう、イヤ〜」となることもあるけろ。かえるの買い換える前のパソコンがそうだったけろ。だから、自分のHPを訪れてくれる人のことを考えると、再生する・ストップするを選べるようにしてあげるのが、親切っていうもののような気がするけろ。とりあえず1回聞いたら、「もう、うるさいな〜」って思うことだってあると思うしね。
4.サーバに送信
フツーのHTMLファイルをサーバに送るのと同じに、MIDIファイルも送信するけろ。ファイル名の大文字・小文字の違いや、ファイルの場所(どのフォルダに置くか)には注意。HTMLファイルに記述したのと違っていると、再生されないけろよ。
性別:メスらしい
見た目:本人は「かわいいあまがえる」と言っているが、実は「うしがえる」と言う噂も・・・。最近、さらにかえる腹が膨れている。
趣味:新しいことに飛びつく。何でも自分でやってみないと気がすまない。でも、脳味噌が「鳥頭」以下の、「かえる頭」なので大変らしい。某HP制作を頼まれたが、「htpasswdを使った認証」の設定に、丸1日掛かったそうな・・・。