可通过gainnode实现多路音频独立音量控制：每路音频源连接专属gainnode，再汇总至共同目标；支持主控gainnode统一调节总输出，并用settargetattime等方法平滑调节增益。
可以通过 GainNode 为每路音频创建独立音量控制节点，再统一连接到同一个目标（如 destination 或另一个 GainNode），从而实现多路音频的动态音量混合管理。
创建并连接多个 GainNode 实现分路控制
每个音频源（AudioBufferSourceNode 或 MediaElementAudioSourceNode）应单独连接到自己的 GainNode，再将所有 GainNode 输出汇总到同一终点。这样每路音量可独立调节，互不干扰。
- 用
audioContext.createGain()为每路音频新建一个GainNode - 设置初始增益值（例如
gainNode.gain.value = 0.7） - 将音频源 → 对应
GainNode→ 共同目标（如audioContext.destination）
使用单个主控 GainNode 统一调节总输出
若需全局音量开关或总音量缩放，可在各路 GainNode 之后再串联一个“主增益节点”，所有分路 GainNode 都连向它，最后由它输出到 destination。这样既能精细调控每一路，又能一键控制整体响度。
- 主
GainNode可设为masterGain = audioContext.createGain() - 每路分节点调用
gainNode.connect(masterGain) - 最终执行
masterGain.connect(audioContext.destination)
动态调节音量支持平滑过渡
直接赋值 gain.value 会造成瞬时跳变，产生爆音。应使用 setTargetAtTime()、linearRampToValueAtTime() 等方法实现渐变。
-
gainNode.gain.setTargetAtTime(0.5, audioContext.currentTime, 0.02)—— 指数衰减至目标值，时间常数 0.02 秒 -
gainNode.gain.linearRampToValueAtTime(0.3, audioContext.currentTime + 0.1)—— 0.1 秒内线性变化到 0.3 - 多次调用前注意清除旧自动化（必要时用
cancelAndHoldAtTime()）
避免常见连接错误
多个源直接连到同一 GainNode 输入是允许的（Web Audio 自动混音），但不能让一个 GainNode 多次 connect 到同一目标而未先 disconnect，否则会报错或行为异常。
- 每个
GainNode只需 connect 一次到目标；重复 connect 需先disconnect() - 音频源播放结束后自动断开，但
GainNode仍保持连接，可复用 - 调试时可用
console.log(node.numberOfInputs, node.numberOfOutputs)确认连接状态
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
