javascript - Web音频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)上运行，因为我们在内部设计事物的方式为您带来了这种同步，但是它可能会从发行版更改为下一个版本，因此我不必依赖它。