Web Audio API：同时启动多个 MediaElementAudioSourceNode

Question

我正在尝试使用 Web Audio API 创建一个多轨音频播放器。目前我的播放按钮点击是这样处理的......

function playProject(){
    var p = $(".play-button");
    p.hide();
    p.siblings('.pause-button').show();
    for( var i=0 ; i<audio.length ; i++ ){
        audio[i].play();
    }
}

我的网络音频设置如下所示...

var audioCtx = new (window.AudioContext || window.webkitAudioContext)();

var audio = [];
var channelVolume = [];
var vol = audioCtx.createGain();

$(document).ready(function(){
var obj = JSON.parse('<?php echo $json ?>');

var audioPath = "../wp-content/themes/blankslate-child/projects/"+"<?php echo     $data->name ?>"+"/";

var sources = [];
var merger = audioCtx.createChannelMerger(2);

for(var i = 0; i<obj.length;i++){
    audio.push(new Audio());
    audio[i].src = audioPath+obj[i].name;
    audio[i].loop = true;
    sources.push(audioCtx.createMediaElementSource(audio[i]));
    channelVolume.push(audioCtx.createGain())
    sources[i].connect(channelVolume[i]);
    channelVolume[i].connect(merger,0,0);
}

merger.connect(vol);
vol.connect(audioCtx.destination);

})

基本上，我循环播放所有音频元素并播放它们。虽然这有效，但我觉得这可能不是最干净的方法。有没有办法通过一个函数调用同时播放所有音频源？

Answer 1

这是不可能的，

MediaElementAudioSourceNode

没有时间保证。

在某些情况下，它可能适用于某些浏览器，例如 Firefox，就目前而言，因为我们内部设计的方式为您带来了这种同步，但它可能会从一个版本到下一个版本发生变化，所以我不会依赖它。