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，在某些情况下，现在，因为我们在内部设计内容的方式为您带来了这种同步，但它可能会从发布更改为下一个，所以我不会依赖于它。

Web Audio API：同时启动多个MediaElementAudioSourceNode

1 个答案: