javascript - 单击时播放Javascript音频，然后单击停止

Question

当前代码:

<script>
  function play() {
    var audio = document.getElementById("audio");
    audio.play();
  }
</script>

<button class="matrixBtn" value="PLAY" onclick="play()">star shopping</button>
<audio id="audio" src="xxx"></audio>

当我按下按钮时，音乐即开始播放，这正是我想要的。但我也想如果再次按下按钮，音乐就会停止。如何在不创建第二个按钮的情况下执行此操作？

Answer 1

<audio>标记是 HTMLMediaElement ，因此它具有属性 .paused ，您可以使用它来确定当前状态并采取相应措施:

function playPause() {
  var audio = document.getElementById("audio");
  if(audio.paused)audio.play();
  else audio.pause();
}