javascript - 单击图像切换音频 "start/stop"

Question

有人可以帮我向该字符串添加一些简单的功能吗？

这是我用来让人们单击图像并播放音频文件的方法...歌曲会一直播放直到结束并且不会停止。我想让人们再次单击它来停止歌曲，并将其重置回开头:

$(document).ready(function()
{
    var element = $('#starspangledbanner');

    var audio = new 
    Audio('http://siteassets.starspangledbanner.mp3');

element.click(function(e)
{
    e.preventDefault();
    audio.play();
});

}); 

提前致谢。

Answer 1

您可以按照此代码操作。这非常简单而且效果很好:

$(document).ready(function(){

    var element = $('#starspangledbanner'),
    audio = new Audio('http://siteassets.starspangledbanner.mp3');

  element.click(function(e){

    e.preventDefault();
    
    if(audio.paused){
      audio.play();
    }else{
      audio.pause();
      audio.currentTime = 0;
    }
  });
});