Question

另一个声音结束后如何播放声音文件？如果我这样做

first.play();
second.play();

两种声音同时播放。我想玩first.play()，当它结束时，启动second.play()。

Answer 1

first.addEventListener('ended', function(){
    second.play();
});
first.play();

Answer 2

我会推荐一些东西：

// if using jQuery:
var audios = $('audio');

audios.each(function(idx){
    $(this).bind('ended', function(){
        var next = audios.get(idx+1);
        if(next){
            next.get(0).play();
        }
    });
});

Answer 3

您还可以使用带有超时的Promise：

const playPromise = first.play()

playPromise.then(() => {
    setTimeout(() => {second.play()}, first.duration * 1000)
})

如何在javascript中播放另一个声音后的声音文件

3 个答案: