Web_Juke

末永政昭(SuenagaMasaaki) on Twitter CGI Script Market RSS フィードを購読 CGI Script Market アーカイブ RSS フィードを購読

Web_Juke

このスクリプトは、YAMAHAのMIDI PLUG XGというプラグインを利用していますが(許可済)、このプラグインは既に配布を終了しているため、このスクリプトの配布も終了する予定だったのですが、特に改造することなく、QuickTimeなど、別のプラグインが立ち上がって利用可能である事が判明したため、とりあえず置いておく事にしました。

ホームページ上でBGMを流すことは<EMBED>や<SOUND>タグを使えば可能ですが、途中で曲目を変更したりするためには、曲数分のHTMLを作り、全てのページにリンクさせるなどの方法しかありません。
このスクリプトは、ホームページ上でジュークボックスのように曲目を自在に変更できます。
プラグインのパネルを使用することにより、ボリュームコントロールや再生/停止は勿論、選曲して初めて曲を流す以外に、通常の様にページが表示されたときに任意の曲を流す事もできます。
又、ページを読み込んだ後から連続再生の設定やランダム選曲もホームページ上で自由に行えます。
レイアウトに関しては、縦型、横型、プラグインの大きさと色等、細かく簡単に設定できます。
曲名リストの編集は選曲用セレクトボックスから管理者モードを選ぶと別ウィンドウが開いてて簡単に行え、登録時に自動で「あいうえお順」に整列されますのでMIDIファイルの整理にも役立つかも知れません。

このページでは、<IFRAME>を使って1ページの中に埋め込んでいますが、HPの1部品として使えるようにコンパクトに仕上げてあるので、<IFRAME>や<FRAMESET>タグ等を使ってうまく設置して下さい。
MIDI配信サイトの視聴コーナー等の他にも応用によって色々使えると思います。

以下は、初期設定だけでできるレイアウトの参考画像です。(この他にも色々設定できます)
縦型パネル サイズ大
パネル表示無し
横型パネル サイズ小

著書のご案内

JavaScript+CGI ハイブリッドスクリプト JavaScript+CGI ハイブリッドスクリプト Webプログラミングの荒技! JavaScript+CGI ハイブリッドスクリプト JavaScriptとCGIの併用で最強のWebプログラミングを実現

CGI Script Market アーカイブ
CGI Script Market主宰 sueponのブログ。