在 JS 中切换音频

Question

我有代码，当用户点击图像时，它会播放音频文件。

    <script>
  function playSong(){
       var audio = document.getElementById("suess");
       audio.play();
                 }
   </script>
<input type="image" src="suessical.jpg" onclick="playSong()" alt="Click to play a song from the show!">
<audio id="suess" src="http://ninjareviews.hostreo.com/Seussical-the-Musical-Green-Eggs-and-Ham.mp3"></audio>\

我该如何修改脚本，以便在再次单击同一图像时，音乐会暂停并在再次单击时继续播放？我必须使用 JQuery 还是可以使用 JS？

Answer 1

使用了基于 paused 属性:

的切换

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

Answer 2

您可以访问音频对象是否暂停的信息。

if (audio.paused) { audio.play(); } else { audio.pause(); }.

更多信息：http://www.w3schools.com/tags/ref_av_dom.asp

在 JS 中切换音频

Toggle audio in JS

javascript

audio

toggle