用buzz.js播放一个又一个声音

Play one sound after another with buzz.js

本文关键字:一个又一个 声音 播放 js buzz      更新时间:2023-09-26

我正试图作为标题读取播放buzz.js声音对象一个接一个。我尝试过使用events - ended回调,但这对大量文件来说变得很严格。我认为我可以创建我的声音列表,迭代它们并调用bind一次,但这不起作用,因为迭代不会等待回调完成。我正在使用node.js.

下面是我到目前为止的记录:

 var mySound1 = new buzz.sound("/sound/001000.mp3");
 var mySound2 = new buzz.sound('/sound/001001.mp3');
 var mySound3 = new buzz.sound('/sound/001002.mp3');

        for (var i = 0, max = 3; i < max; i++) {
            var sPath = '/sound/001' + soundArray[i].value + '.mp3';
            var sound1 = new buzz.sound(sPath);
             sound1.play().bind('ended', function(e){
                      //here i want sound1 to finish before sound2 plays and so forth
             });
        }

如何在sound1结束后才开始动态播放sound2 ?

可能不是最优雅的解决方案,buzz允许您定义可以使用的组,而不是数组,但是:

尝试将您想要播放的所有文件添加到数组中,然后循环该数组,将结束事件绑定到触发下一首歌曲播放的每个元素。

一个非常简单的例子:

var files = [new buzz.sound('audio1.mp3'), new buzz.sound('audio2.mp3'), new buzz.sound('audio3.mp3')];
files.forEach(function(element, index) {
    element.bind('ended', function(e) { // when current file ends
        files[index+1].play(); // trigger the next file to play
    });
})
files[0].play(); // start the first file that triggers the rest