如何使用 javascript 和 html 循环 mp3 文件

How can I loop a mp3 file with javascript and html

本文关键字：循环 mp3 文件 html 何使用 javascript      更新时间：2023-09-26

感谢您查看，今天我决定在我的网站上添加一些声音，这就是它出错的地方，重点是按下按钮，而不是 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>

目录：

<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 代替。我希望有可能。

谢谢，迪德里克。

在此网页上，他们描述了如何播放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>

相关文章：