音乐播放器和视频播放器搞乱了

Question

我有一个用html5/javascript编写的简单音乐播放器，它只能播放一个循环，只有一个播放/暂停按钮。LINK 1我正在试着造一个新的播放器，它可以播放不止一首带箭头功能的歌曲。经过几天的研究，我找到了一份我非常喜欢的参考资料。我将参考中的代码组合到我的第一个脚本中，并创建了这个LINK 2，但它根本不起作用。

var audio = new Audio(),
i = 0;
var playlist = new Array('http://www.w3schools.com/htmL/horse.mp3','http://sifidesign.com/audio/explosion.mp3');

Audio.addEventListener('ended', function () {
i = ++i < playlist.length ? i : 0;
console.log(i)
Audio.src = playlist[i];
Audio.play();
}, true);

Audio.volume = 0.5;
Audio.loop = false;
Audio.src = playlist[0];

function aud_play_pause() {
if (Audio.paused) {
Audio.play(); 
} 
else {
Audio.pause();
}
}

我对编码有很少的了解。我只想要一个可以播放多首歌曲的一键式播放/暂停播放器。请帮助:)

Answer 1

试着看看audio和Audio之间的区别。

您需要的是一个已创建的实例(audio，您将其命名为小写)，但是您试图通过调用Audio来访问它。由于javascript中的变量名区分大小写，因此您的代码不会像预期的那样工作。

下面是一个有效的示例-- http://jsfiddle.net/panamaprophet/nfpa7j5n/