“audio”タグを”select”タグとリンクさせる方法

投稿者: Anonymous

下記のソースコードは、”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>

解決

この場合は、<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>
回答者: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *