如何使用javascript和html循環播放mp3文件

Question

感謝您的關注，今天我決定在網站上添加一些聲音，多數民眾贊成在哪里出問題了，重點是按下按鈕，然后mp3應該循環播放，我知道它可以與wav一起使用，但不能與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的原因是因為它是一個聲音文件的+/- 1mb（我打算使用其中的很多文件），而且我負擔不起一個大型托管計划，所以我寧願使用mp3代替。 我希望有可能。

謝謝，Diederik。

Answer 1

在此網頁上，他們描述了如何播放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>

如何使用javascript和html循環播放mp3文件

問題描述

1 個解決方案

解決方案1
0 已采納 2013-09-07 21:12:07

如何使用javascript和html循環播放mp3文件

問題描述

1 個解決方案

解決方案1 0 已采納 2013-09-07 21:12:07

解決方案1
0 已采納 2013-09-07 21:12:07