Question

我的编码看起来不对，没有声音。我确定我的语法完全错误。

我的应用程序：我有两个按钮，用于播放每个音频文件。我希望每个按钮都能播放音频，但是当点击任一按钮并继续播放onclick按钮时，暂停或停止播放。在另一个正在播放时暂停任一按钮是合乎需要的，但是在点击时停止播放。从本质上讲，这里的目标是为听众比较音频播放不同质量的相同声音。

非常感谢任何更正。

我开始玩这个，但是他们重复了一次，但是我无法让另一个停止。

<audio id="sound1" src="audio1.mp3" preload="auto"></audio>
  <button class="btn btn-md btn-primary display-4" onclick="document.getElementById('sound1').play();"><span class="mbri-play mbr-iconfont mbr-iconfont-btn"></span>DEMO 1</button>

<audio id="sound2" src="audio2.mp3" preload="auto"></audio>
  <button class="btn btn-md btn-white display-4" onclick="document.getElementById('sound2').play();"><span class="mbri-play mbr-iconfont mbr-iconfont-btn"></span>DEMO 2</button>

没有播放控制，所以我走了这条路。

<audio id="sound1" src="audio1.mp3" preload="auto"></audio>
  <button class="btn btn-md btn-primary display-4" onclick="document.getElementById('sound1').aud_play_pause();"><span class="mbri-play mbr-iconfont mbr-iconfont-btn"></span>DEMO 1</button>

<audio id="sound1" src="audio2.mp3" preload="auto"></audio>
  <button class="btn btn-md btn-white display-4" onclick="document.getElementById('sound1').aud_play_pause();"><span class="mbri-play mbr-iconfont mbr-iconfont-btn"></span>DEMO 2</button>  

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

onclick播放/暂停音频单独按钮html5

0 个答案: