通过单击图像切换音频“开始/停止”

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