在HTML中播放多首歌曲

时间:2018-04-11 00:13:00

标签: javascript html mp3

我找到了一个我非常喜欢的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的文件夹中。

0 个答案:

没有答案