我找到了一个我非常喜欢的JSFiddle:http://jsfiddle.net/fYjLx/
问题在于,当我将其合并到我的网站时,音频播放器看起来是灰色的并且不起作用。这是代码:
JS
(function() {
var Mp3Queue = function(container, files) {
var index = 1;
if(!container || !container.tagName || container.tagName !==
'AUDIO')throw 'Invalid container';
if(!files || !files.length)throw 'Invalid files array';
var playNext = function() {
if(index < files.length) {
container.src = files[index];
index += 1;
} else {
container.removeEventListener('ended', playNext, false);
}
};
container.addEventListener('ended', playNext);
container.src = files[0];
};
var container = document.getElementById('container');
new Mp3Queue(container, [
'file:///C:/Users/Nick/Desktop/Music/songs/blue.mp3',
'file:///C:/Users/Nick/Desktop/Music/songs/blue.mp3'
]);
})();
</script>
HTML
<audio id="container" controls="" autoplay=""></audio>
我不明白为什么它不起作用。我的mp3文件位于一个名为songs的文件夹中,该文件夹位于我桌面上名为Music的文件夹中。