1

ご覧いただきありがとうございます。今日、私は自分のウェブサイトにサウンドを追加することにしましたが、それが間違っているところです。ポイントはボタンを押すことであり、mp3 がループするよりも、wav で動作することはわかっていますが、動作しません。 mp3なので、ここに私の質問があります。スクリプトを変更して、mp3 をループさせることはできますか?

JavaScript:

 <script language="javascript" type="text/javascript">
     function playSound(soundfile) {
      var type_attr = '';
      if (navigator.userAgent.indexOf('Firefox') != -1) {
        type_attr = "type=\"application/x-mplayer2\"";
      }
      document.getElementById("dummy").innerHTML = "<embed src=\"" + soundfile + "\" hidden=\"true\" autostart=\"true\" loop=\"true\" " + type_attr + " />";
    }
     </script>

HTML:

<span id="dummy">
  <tr>
    <td><input type="button" class='gstring' value="G" width="50" height="50" onClick="playSound('violin/Gstring.mp3')"></td>
    <td><input type="button" class='gstring' value="D" width="50" height="50" onClick="playSound('violin/Dstring.mp3')"></td>
    <td><input type="button" class='gstring' value="A" width="50" height="50" onClick="playSound('violin/Astring.mp3')"></td>
    <td><input type="button" class='gstring' value="E" width="50" height="50" onClick="playSound('violin/Estring.mp3')"></td>
    <td><input type="button" class='g2string' value="STOP" width="70" height="50" onClick="playSound('')"></td>
  </tr>
  </span>

wav を使用したくない理由は、サウンド ファイルが +/- 1 MB であり (大量に使用する予定です)、大きなホスティング プランを購入する余裕がないため、むしろ mp3 を使用したいからです。代わりは。可能性があることを願っています。

ありがとう、ディーデリク。

4

1 に答える 1

0

このWeb ページでは mp3 サウンドを再生するさまざまなソリューションについて説明しています。HTML5オーディオ要素を試してみましたが、そこにあるmp3のループでも機能しました(mp3のロードに時間がかかる場合がありましたが、数秒後にループでサウンドが開始されました)

<!DOCTYPE html>
<html>

<script>
    function play_pause() {
        var myAudio = document.getElementById("myAudio");
        if (myAudio.paused) {
            myAudio.play();
        } else {
            myAudio.pause();
        }
    }
</script>

<body>

    <button type="button" onclick="play_pause()">Play/Pause</button>

    <audio id="myAudio" preload loop>
      <source src="horse.mp3" type="audio/mpeg">
      Your browser does not support this audio format.
    </audio>

</body>

于 2013-09-07T21:12:07.100 に答える