单击不同的轨道时 JavaScript 开始新轨道

Question

我有这个功能:

function audioPlayer(band, album, track) {
    var audio = new Audio; //Class\
    audio.src = 'music/' + band + '/' + album + '/' + track + '.mp3';
    audio.play();
}

它将播放单击的歌曲。但是当点击另一首歌曲时，我会听到两首歌曲都在播放。

我已经尝试了多种建议，但似乎没有一个对我有用。 我尝试过:

• How to stop one audio player from playing when I click another - javascript
• HTML5 Audio stop function
• http://msdn.microsoft.com/en-us/library/ie/gg589489(v=vs.85).aspx
• http://www.binarytides.com/stop-function-html5-audio-element/

我不使用html5 <audio>仅标记 JavaScript/jQuery。

有没有办法让第一首歌曲停止而只播放另一首歌曲？

如果您需要更多信息，请告诉我。 提前致谢

Answer 1

您必须将 audio 变量设置为全局变量，这才有效:

var audio = new Audio;

function audioPlayer(band, album, track) {
    audio.src = 'music/' + band + '/' + album + '/' + track + '.mp3';
    audio.play();
}