www.wanichan.com

Web > Resources > CSS & JavaScript Tips > JavaScript > ランダムにBGMを変えるには?

ランダムにBGMを変えるには?

JavaScript
  • このエントリーをはてなブックマークに追加

外部JSファイルを用いて、midiをランダムに再生する方法について説明します。ただし、Internet Explorer 5.5 SP2以降のバージョンでは、ランダムBGMは再生されません。

はじめに

20世紀末の話ですが、一時期聖飢魔II関係サイト「謎の部屋」を1年間限定で運営していたことがあります。
J-SkyWebやi-Mode対応着メロ紹介サイトだったのですが、JASRACの絡みもあり、聖飢魔IIの曲を全曲制覇させた後、閉鎖させていただきました。

そこで、そのサイトのトップページでは、ランダムにBGMを変化させるということをしていました。
リロードするごとにBGMが変化し、さらに現在流れている曲名も表示させていました。

BGMを強制的に聞かせるというのは、あまり望ましくはありません。
意図として流すという場合は除きますが。

当時、150曲以上のMIDIシーケンスをランダムに流していましたので、外部JSファイルを用いていました。早速その外部ファイル及びJavaScriptのソースをご紹介させていただきます。

配列は0から始まりますので、リストファイルであるbgmlist.jsには[0]から始まっています。
記述を書き換えてあなたのサイトにお役立てください。

ちなみに、JSファイルはメモ帳などテキストエディタで編集し、拡張子を.jsにしてくださいね。

注意事項

Internet Explorer 5.5 SP2以降のバージョンでは、ランダムBGMは再生されません。
これは、MicrosoftがNetscapeのブラウザ用のプラグインのサポートを打ち切ったためです。
したがって、<embed src= から始まる記述はすべて対応しなくなりました。仕方ないです(^^;

-参考URL-
IE5.5 SP2 以降 (IE6.0 を含む) で QuickTime が再生できません

-どうしても再生したい場合はこちらへ行ってください-
Apple - QuickTime - Check Installation
しばらくするとプラグインをインストールする画面にうつります

■ファイル構成は以下の通りです■

public_html / index.html (トップページ)
      |       bgmlist.js (外部jsファイル)
      |
      +--  mid / 20th.mid
               akaitama.mid
              apocalypse1.mid
                …(以下略)…

▲Page TOP

JavaScriptコード

▲Page TOP

bgmlist.jsのソース

▲Page TOP

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

コメント

▲このページのトップへ