3

下記のソースコードは、"bgsound"タグを"select"タグとリンクさせて選曲できるように
設定したものです。
しかし、この"bgsound"タグは廃止されるとのことですので、これを"audio"タグに変えたい
のですが、どのように書き換えればいいのでしょうか。ご教示ください。

<script type="text/javascript">
 <!--
   function selectBgm(e){
    var selectedIndex = e.selectedIndex;
        bgm.src= e[selectedIndex].value; 
}
 //-->
</script>

         <bgsound id="bgm" src="" loop="-1">

 <form id="bgms" style="text-align:right">
    <SELECT id="bgmSelector" onchange="selectBgm(this);">
      <OPTION  value=""  selected>選曲(停止)</OPTION>
      <OPTION  value="111.mp3">111</OPTION>
      <OPTION  value="222.wav">222</OPTION>
    </SELECT>
 </form>

1 件の回答 1

3

この場合は、<audio>タグとそのautoplayという属性を使用すると、どうでしょうか。特に、下記のコード例の<audio id="bgm" autoplay></audio>のところですが。

<html>
<head>
<script type="text/javascript">
function selectBgm(e) {
  var selectedIndex = e.selectedIndex;
  bgm.src= e[selectedIndex].value; 
}
</script>
</head>
<body>
<audio id="bgm" autoplay></audio>
<form id="bgms" style="text-align:right">
  <SELECT id="bgmSelector" onchange="selectBgm(this);">
    <OPTION  value=""  selected>選曲(停止)</OPTION>
    <OPTION  value="111.mp3">111</OPTION>
    <OPTION  value="222.wav">222</OPTION>
  </SELECT>
</form>
</body>
</html>
4
  • 1
    回答ありがとうございます。 このコードと同じことを試しましたが、ファイル形式が"mp3"のときは鳴るのですが、"Wave"形式や"MIDI"形式のときは鳴りません。対応していないファイル形式があるのですね。
    – user9359
    2016年4月12日 16:18
  • あっ、そうですか。じゃ、その場合には、<audio>タグに type="audio/wav"という属性を使うのは いかがでしょうか?ブラウザによる振る舞いが異なるかもしれませんが、例えば、私の場合は、Chromeではwavというファイルをtypeの属性なしで、使用することが出来ましたが。
    – summea
    2016年4月12日 16:27
  • type="audio/wave"は試しましたが、IEでは鳴りませんでした。 "audio"タグも、いろいろ制約があるみたいですね。
    – user9359
    2016年4月12日 16:36
  • あっ、IEのことで、ごめんなさいー。audioタグは制約があるかもしれませんが、IE自体も制約がたくさんあると思いますね。ですから、Microsoft自体はIEの代わりにより新しいブラウザを作成しています。
    – summea
    2016年4月12日 16:42

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。