使用javascript音频按顺序播放音频

使用javascript音频按顺序播放音频,javascript,html,audio,Javascript,Html,Audio,我正在创建一个基于web的队列系统,我发现音频部分很困难,例如,我希望音频按顺序播放 var sounds = [ new Audio("/audios/ding.wav"), new Audio("/audios/nomor_antrian.wav") ]; for (var i=0; i<sounds.length; i++) { sounds[i].play(); # If sounds[i] is stoped play sounds[i+1]

我正在创建一个基于web的队列系统,我发现音频部分很困难,例如,我希望音频按顺序播放

var sounds = [
    new Audio("/audios/ding.wav"),
    new Audio("/audios/nomor_antrian.wav")
];

for (var i=0; i<sounds.length; i++) {
    sounds[i].play();

    # If sounds[i] is stoped play sounds[i+1] <- what function in here
}
var声音=[
新音频(“/audios/ding.wav”),
新音频(“/audios/nomor_antrian.wav”)
];

对于(var i=0;i只需保持您正在播放的音频的当前索引,
并在HTMLAudio的活动中增加:

var url=”https://dl.dropboxusercontent.com/s/";
变量声音=[
新音频(url+“kbgd2jm7ezk3u3x/hihat.mp3”),
新音频(url+“h2j6vm17r07jf03/snare.mp3”),
新音频(url+“h8pvqqol3ovyle8/tom.mp3”),
新音频(url+“1cdwpm3gca9mlo0/kick.mp3”)
];
var currentIndex=0;//跟踪当前索引
sounds.forEach(函数(声音){
sound.onended=onended;//为阵列中的所有音频添加相同的事件侦听器
});
功能集成(evt){
currentIndex=(currentIndex+1)%sounds.length;//增加我们的索引
声音[currentIndex].play();//播放下一个声音
}
btn.onclick=sounds[0]。play.bind(sounds[0]);
播放