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>

当我按下按钮时，音乐开始播放，这正是我想要的。但如果我再次按下按钮，我也希望音乐停止。在不创建第二个按钮的情况下如何做到这一点？

标签： javascripthtmlaudio

Answer 1

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

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