当点击不同的轨道时，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();
}