音乐播放器搞砸了视频播放器

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/