2017-01-16 195 views
0

我有一个简单的音乐播放器用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(); 
} 
} 

我对编码知之甚少。我只想要一个可以播放多首歌曲的单键播放/暂停播放器。请帮忙:)

+0

请提供更多的信息。你得到了什么错误,你认为哪部分不能工作等等。 – Deepend

回答

1

试试看audioAudio之间的区别。

您需要的是创建的实例(audio,您命名为小写),但您试图通过调用Audio来达到目的。由于JavaScript中的变量名称区分大小写,因此您的代码无法按预期工作。

这里是一个工作的例子 - http://jsfiddle.net/panamaprophet/nfpa7j5n/

+0

你使用相同的变量'i'来控制两个不同的计数器 –

+0

欢呼队友! –