点击图片

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