我需要在点击点击按钮时播放下一首歌曲

Question

var song1 = $('#sound-1');
var song2 = $('#sound-2');

var audioArray = [song1, song2];
var i=0;
var lastPlayedFile = null;
$(".click").click(function(){
    if(lastPlayedFile !== null) {
        lastPlayedFile[0].currentTime = 0;
        lastPlayedFile.trigger('pause');
    }
    if (i< audioArray.length){
        lastPlayedFile = audioArray[i];
        audioArray[i].trigger('play');
        i++;
    } else if (i>=audioArray.length){
        i = 0;
        lastPlayedFile = audioArray[0];
        audioArray[i].trigger('play');
    };
});

这段代码不适用于我，我使用的是firefox web浏览器。这段代码有什么问题吗？

Answer 1

1. 请确保正确使用<audio>标记，如here所示。浏览器将拾取第一个可识别的源：

<audio controls> // browser tries to fetch horse.ogg first <source src="horse.ogg" type="audio/ogg"> // browser tries to fetch horse.mp3 if the above couldn't be recognized <source src="horse.mp3" type="audio/mpeg"> // if none files are valid the browser falls back with a message Your browser does not support the audio element. </audio>

• Make还可以确保您尝试访问的文件确实存在。我试着找到它们，但得到了404的响应。

• 同样这行代码什么也做不了：

lastPlayedFile[0].currentTime = 0;

确保在每个audioArray元素(song1和song2) )上都设置了currentTime属性