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();
}