BiND for WebLiFE* 3 [活用術（Tips）] <$MTEntryTitle$>

ページ内で音楽を流す

ホームページを開いている最中にBGMを利用したい場合、

カスタムタグやBGMの編集可能なID for WebLiFE*のカートリッジで設定を行います。

●embed要素を使う場合

下記の例は、自動再生開始オン、ループ（繰り返し）再生オン、コントローラ非表示です。

<embed id="BGM " src="_userdata/bgm.mp3" 
      type="audio/x-mp3" width="200" height="50"
      repeat="true" 
      loop="true" autostart="true" 
      volume="100" hidden = "true"
      pluginpage="http://apple.co.jp/quicktime/" >
</embed >

【参考画像】

ホームページで流したい音楽ファイルを_userdataフォルダへ入れます。

各自が変更する値は以下のようになります。

id="BGM" ・・・任意の名前を入力（空欄でも再生されます）

src="_userdata/bgm.mp3" ・・・ファイル名を入力

repeat="false"・・・繰り返し再生しない場合。繰り返す場合は、repeat="true"　にする 

loop="false"・・・repeatと同じ（環境によってどちらかに反応します）意味。繰り返す場合は、loop="true"　にする

autostart="true"・・・自動再生する場合。しない場合は、autostart="false"にする（その場合はコントローラーの表示が必要）

 hidden = "true" ・・・コントローラ非表示にする。表示する場合は、この行を削除

以下の例は、自動再生オフ、ループ（繰り返し）再生オフ、コントローラ表示です。

<embed id="BGM " src="_userdata/bgm.mp3" 
      type="audio/x-mp3" width="200" height="50"
      repeat="false" loop="false"
      autostart="false"
      volume="100" pluginpage="http://apple.co.jp/quicktime/" >
</embed >

コントローラを表示したときにwidth="200" height="50"のサイズ調整が役立ちます。QuickTime Playerが表示される場合は、この指定サイズによって表示ボタンなどの内容が変わります。

●object要素を使う
objectタグでも、Safari3、FireFox2、IE7、8などは特に問題なく再生できます。
下記の例は、自動再生開始オン、ループ（繰り返し）再生オン、コントローラ非表示です。

<object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" 
      id="BGM"
      name="bgm"
      width="200" height="50"
      codebase="http://www.apple.com/qtactivex/qtplugin.cab" >
  <param name="src" value="_userdata/bgm.mp3" >
  <param name="autostart" value="true" >
  <param name="loop" value="true" >
  <param name="hidden" value="true" > 
</object >

下記の例は、自動再生開始オフ、ループ（繰り返し）再生オフ、コントローラ非表示です。

<object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b"
       id="BGM" name="bgm"
       width="200" height="50"
        codebase="http://www.apple.com/qtactivex/qtplugin.cab" >
    <param name="src" value="_userdata/bgm.mp3" >
    <param name="autostart" value="false" >
    <param name="loop" value="false" > 
</object >

objectタグで各自が変更するパラメータは、以下のとおりです。

id="BGM" name="bgm"・・・それぞれ任意の名前を入力

<param name="src" value="_userdata/bgm.mp3" >・・・再生するファイル名を入力（主に変更をしていただく部分は太文字の箇所だけで大丈夫です）

<param name="autostart" value="true" >・・・自動再生しないときはfalse

<param name="loop" value="true" >・・・繰り返し再生しないときはfalse

<param name="hidden" value="true" >・・・コントローラを表示するときはこの行を削除

●embedしか使えない古いブラウザにも対応するように2種類のタグを挿入した例
この場合はembedタグをobjectタグの中に入れ子にします。

<object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" 
       id="BGM" name="bgm"
       width="200" height="50"
        codebase="http://www.apple.com/qtactivex/qtplugin.cab" >
    <param name="src" value="_userdata/bgm.mp3" >
    <param name="autostart" value="true" >
    <param name="loop" value="true" >
    <param name="hidden" value="true" >
 

<embed id="BGM " src="_userdata/bgm.mp3"

    type="audio/x-mp3" width="200" height="50"

   repeat="false" loop="true" autostart="false"

   volume="100"

   hidden = "false"

   pluginpage="http://apple.co.jp/quicktime/" >

</embed >

</object >

この場合、2つのタグを用意していますから、同様の機能のパラメータには、同様の処理を行わないと、意図しない結果になるブラウザがあるので、注意しましょう。