如何精准调度多个AudioWorkletNode的时序播放？

针对你使用soundtouchjs-audio-worklet库时遇到的AudioWorkletNode调度问题，以下是几种高精度的可行方案：

1. 用GainNode做精准开关（无需延迟连接） #

AudioContext的时间线基于音频硬件时钟，精度远高于主线程调度。你可以通过一个GainNode作为音频通路的开关，提前完成所有连接，再用AudioParam的自动化方法控制播放时机：

• 初始化时就将AudioWorkletNode连接到GainNode，把GainNode的初始增益设为0
• 使用setValueAtTime()方法，在指定时间将增益设为1（开始播放），在播放结束时间设为0（停止输出）

示例代码：

const audioContext = new AudioContext();
// 假设已通过soundtouch库创建好AudioWorkletNode实例workletNode
const gainNode = audioContext.createGain();
gainNode.gain.value = 0;

// 提前完成所有连接
workletNode.connect(gainNode);
gainNode.connect(audioContext.destination);

// 调度：3秒后开始播放，持续2秒
const startTime = audioContext.currentTime + 3;
const duration = 2;
gainNode.gain.setValueAtTime(1, startTime);
gainNode.gain.setValueAtTime(0, startTime + duration);

2. 扩展Worklet添加内置调度参数 #

如果可以修改或扩展soundtouch的AudioWorkletProcessor代码，你可以在Worklet内部添加一个控制播放起始时间的参数，通过AudioParam自动化来触发：

• 在Worklet处理器中定义一个playStart AudioParam，默认值设为Infinity
• 在process函数中，仅当当前音频时间大于等于playStart时，才处理并输出音频数据
• 外部通过workletNode.parameters.get('playStart').setValueAtTime(targetTime, audioContext.currentTime)精准设置播放时间

这种方式把调度逻辑内置于Worklet，完全基于音频时钟，避免了连接/断开节点的开销。

3. 用AudioBufferSourceNode做时间触发器 #

利用AudioBufferSourceNode的start()方法的精准调度能力，用一个静音的缓冲区节点作为触发信号，在其触发时激活AudioWorkletNode：

• 创建一个极短的静音AudioBuffer，用AudioBufferSourceNode调度它的播放时间
• 在该节点的onended事件中，精准执行AudioWorkletNode的连接或启动操作

示例代码：

function createSilentBuffer(context, duration = 0.1) {
  const buffer = context.createBuffer(1, duration * context.sampleRate, context.sampleRate);
  return buffer;
}

const triggerSource = audioContext.createBufferSource();
triggerSource.buffer = createSilentBuffer(audioContext);
// 调度3秒后触发
triggerSource.start(audioContext.currentTime + 3);

triggerSource.onended = () => {
  // 此时精准触发AudioWorkletNode的播放
  workletNode.connect(audioContext.destination);
};

为什么不推荐setTimeout？ #

setTimeout属于主线程调度，会受到页面渲染、JS任务阻塞等因素影响，精度通常在几毫秒到几十毫秒之间，无法满足音频播放的高精度需求。而AudioContext的时间线基于音频硬件时钟，不受主线程阻塞影响，精度可达微秒级。

内容的提问来源于stack exchange，提问作者JojoTheMAN21