かえるの挑戦

第1回目 「音楽のあるHPに挑戦!」

 皆さん、初めまして、かえるけろ。新コーナーでは、私、かえるがいろんなことに挑戦してみたことを、皆さんにご報告するけろよ。語尾が「けろ」になるのは、耳障りでも勘弁してけろね〜。

 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ファイルに記述したのと違っていると、再生されないけろよ。

もっと詳しく勉強するには

 かえるが勉強させていただいたサイトけろ。「雑音空間」へどうぞ。フリー素材も充実しているし、MIDIだけでなく、音楽を使ったHPの作り方について、詳しく教えてくれてるけろよ。自分の歌をみんなに聞いてもらうことも可能!挑戦してみる?!
 こちらもBGMの流れるHPについて教えてくれるサイトけろ。そして何と言っても、メインはステキなオルゴールの音色。フリー素材もたくさんあるし、いろいろ視聴していると飽きないけろ。ロマンチストなあなたにお勧めです。
こちらもMIDIの設置方法について教えてくれてます。フリー素材がたくさんあります。ルンルン楽しい曲から、ドキドキハラハラ系まで?!きっとあなたの探している音がある!視聴も楽しいですけろ〜。

かえるのプロフィール

性別:メスらしい
見た目:本人は「かわいいあまがえる」と言っているが、実は「うしがえる」と言う噂も・・・。最近、さらにかえる腹が膨れている。
趣味:新しいことに飛びつく。何でも自分でやってみないと気がすまない。でも、脳味噌が「鳥頭」以下の、「かえる頭」なので大変らしい。某HP制作を頼まれたが、「htpasswdを使った認証」の設定に、丸1日掛かったそうな・・・。