研究テーマ->DTM->制作
このページでは、自分で曲を作曲して、ホームページにBGMをつける方法について、解説したいと思います。  
ステップ1 環境の整備
まず、自分のマシンのMIDI環境を整備しましょう。ホームページを見にきてくれる人は、ネットスケープ・ナビゲーターか、インターネット・エクスプローラーのいずれかを使用しているでしょうから、これら2つのブラウザと、各ブラウザで使用するプラグインを用意します。 

プラグインは、ソフトウェアシンセもついてくるYAMAHAのMidPlugが良いと思います。MIDI音源には、ソフトウェアシンセも含めて、GM、GS、XGという三つの規格があります。音源のこれらの仕様の違いによって、再生した時の曲の感じが大きく異なります。また、細かなニュアンスを出す場合のデータ作成方法に若干の相違があります。従って、万全を期すのであれば、GS仕様の音源とXG仕様の音源の両方を用意することになります。 

また、MIDIファイルを作成するためのシーケンスソフトも用意します。シーケンスソフトを持っていない場合は、「窓の杜」等、フリーウェアのサイトに行って、気に入ったものを調達してきましょう。
ウェブブラウザ
ネットスケープ・ナビゲーター
インターネット・エクルプローラー
ソフトウェアシンセ
YAMAHA MIDPLUG
Roland バーチャルサウンドキャンバス
Wingroove
ステップ2 MIDIファイルの作成
シーケンスソフトを使用してMIDIファイルを作成します。シーケンスソフトを持っていない場合は、「窓の杜」等、フリーウェアのサイトに行って、気に入ったものを調達してきましょう。市販のシーケンスソフトには、Midi以外のフォーマットでファイルを保存するものがありますが、このようなソフトでも、ほとんどの場合、MIDIフォーマットでも保存する機能が用意されています。

MIDIファイル作成に際して、XG、GS、GMのどのMIDI規格でファイルを作成するかを選択しなければなりません。共通規格GMを選択するのが無難ですが、表現力は、弱くなります。どの規格にするかを決めたら、1小節目に、XG、GS、GMのいずれかのリセットコマンドを入れておきます。曲の開始は、2小節目からにします。これは、リセットコマンドの処理時間に、1小節分の余裕をみるためです。
フリーウェア&シェアウェアのダウンロードサイト
窓の杜
Vector Software Pack
市販シーケンスソフトのサイト
レコンポーザ
Singer Song Writer
Cakewalk
作曲支援ソフトや作曲講座のあるサイト
作曲法サポートページ
Direct Art Studio
MIDI初心者のためのメーリング・リスト
music−box ML
Mid-Farm
ステップ3 MIDIファイルの軽量化
ホームページにMIDIでBGMを付ける場合には、やはりデータ量が問題になります。データ量を減らすには、音の数を減らせば良いのですが、これ以外にも方法があります。元の曲のままで、データ量を軽減するソフト(圧縮ソフトではありません)がフリーウェアで公開されていますので、それを使用するのが良いかと思います。このソフトは、須釜俊一さんのサイトからダウンロードすることができます。また、「SMFリファレンス・ブック」に付属の「SMFプロセシング・ツール」にも同様の機能があります。 

MIDIファイルの形式には、Format 0 、 Format 1 など、いくつかの形式がありますが、 Format 0 のほうが、 Format 1 より若干ファイルサイズが小さくなるようです。
MIDIファイル軽量化ツール
須釜俊一さんのサイト
ステップ4 ホームページへの添付
作成したMIDIファイルを自分のサイトへアップロードします。つぎに、BGMを付けたいページのHTMLにMIDI再生用のコマンドを書き加え、アップロードします。各ブラウザによってコマンドが違います。Netscapeでは「EMBED」、Explorerでは「BGSOUND」タグを使用しますが、「EMBED」でも双方鳴るようです。また、ループさせたい場合は「LOOP」「REPEAT」を両方「TRUE」で書くようにします。完璧を望む場合は、Javascriptでプラウザーを判別するようにします。(ここでの内容は、掲示板への書きこみを参考にしています。)「シルマリルハウス」では、ブラウザやプラグインを意識せずに、midiを設置できるようにするJavaスクリプトが公開されています。スクリプトには、複数の曲を切り替えて演奏させる機能も付属していますので、非常に便利です。
bgsoundを使用する場合には、下記のように記述します。
<bgsound src="xxxx.mid" loop="infinite">
EMBEDを使用する場合には、下記のように記述します。
<EMBED SRC="xxxx.mid" WIDTH="150" HEIGHT="40" panel="1" autostart="true" loop="false" ALIGN="MIDDLE"></EMBED>
MIDI設置方法の解説サイト
Zatta
雑音空間
シルマリルハウス
ステップ5 動作テスト
全ての作業が済んだら、最後に、動作テストをします。テストは、ネットスケープ・ナビゲーターと、インターネット・エクスプローラーの両方で行いましょう。 Macの場合、ドライバによっては、サスティン・オフが認識されず、音がはちゃめちゃになってしまうことがありますが、これは、サスティンのオン・オフをゲートタイムに変換することにより回避できます。これを行うソフトは、須釜俊一さんのサイトからダウンロードすることができます。