音频播放器在单击新歌曲时停止播放

Question

我正在使用jquery，handlebars，html5制作一个简单的网络音频播放器。单击第一个链接时，我的播放器工作，但如果单击另一个歌曲链接，则原始播放继续播放，播放另一首歌曲的唯一方法是刷新页面。我希望它停止播放初始歌曲并开始播放已被点击的新歌曲。我试图将它变成一个jsfiddle，但无法完成所有工作，所以我把它放在网上

Here

我知道它现在看起来很糟糕，我只是想在我进一步设计之前让它工作。任何帮助表示赞赏。谢谢！

Answer 1

点击新歌时你应该更改src：
为源标记提供id <source src="media/1.mp3" type="audio/wav" id="audioSource">

function change(songURL) { //called when a song link is clicked.
  var player = document.getElementById("audioPlayer");
  var source = document.getElementById("audioSource");

  if(source.src != songURL) {
    //set the players src to the new song
    source.src = songURL;
    player.load();
    player.play();
  }
}

像这样的东西

Answer 2

终于找到了我自己的问题的答案。两条愚蠢的代码行。我的垮台并没有告诉它加载它。

 audioPlayerDiv.src=songInfo.source;
 audioPlayerDiv.load();