audiocontext 的 connect() 方法是 web audio api 音频路由核心，支持三种调用形式：connect(destination)、connect(destination, outputindex)、connect(destination, outputindex, inputindex)，分别用于默认连接、指定输出通道和精准输入输出映射；允许多路并行连接与混音，需配合 gainnode、channelmergernode 等实现干湿分离与动态切换；disconnect 可精确断开连接，重路由须确保节点有效；反馈环路需借助 delaynode 和 gainnode 控制延迟与增益以避免爆音。
AudioContext 中的 connect() 方法是 Web Audio API 实现音频信号路由的核心机制，它不是简单地“连线”，而是定义了数据流方向、通道映射和可选的输出输入索引。要实现复杂路由（比如多路混音、并行处理、动态切换、反馈环路），关键在于理解连接规则、节点类型限制以及时序与生命周期管理。
理解 connect() 的三种调用形式
不同参数组合决定了路由行为：
- node.connect(destination)：最常用，将当前节点输出连接到目标节点的默认输入（索引 0）；适用于 GainNode → Destination、Oscillator → GainNode 等线性链。
-
node.connect(destination, outputIndex)：指定从当前节点的第
outputIndex个输出通道出发（如 StereoPannerNode 有 2 输出，但通常只用 0；ChannelSplitter 可有多个输出）。 -
node.connect(destination, outputIndex, inputIndex)：完整控制——从本节点第
outputIndex输出，连到目标节点第inputIndex输入。这对多输入节点（如ChannelMergerNode、自定义ScriptProcessorNode已弃用，但AudioWorkletNode支持多输入）至关重要。
构建并行与混合路径（例如：干/湿效果分离）
不能靠单次 connect 实现“一分二”，需显式创建多条路径：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 一个源节点（如
bufferSource）可同时 connect 到多个目标（如直达增益 + 混响延迟）；Web Audio 允许一对多连接。 - 用
GainNode控制各支路电平，再通过ChannelMergerNode或直接 connect 到同一Destination实现加法混音（所有连到 destination 的信号自动相加）。 - 示例：让 Oscillator 同时驱动滤波器链和失真链，再合并：
const osc = ctx.createOscillator();<br>const filter = ctx.createBiquadFilter();<br>const distortion = ctx.createWaveShaper();<br>const merger = ctx.createChannelMerger(2);<br><br>osc.connect(filter);<br>filter.connect(merger, 0, 0); // filter 输出 → merger 输入 0<br><br>osc.connect(distortion);<br>distortion.connect(merger, 0, 1); // distortion 输出 → merger 输入 1<br><br>merger.connect(ctx.destination);
动态重路由与断开连接
复杂交互常需运行时切换信号流：
- 调用
node.disconnect()可清除该节点所有连接；更精准地用node.disconnect(destination)或node.disconnect(destination, outputIndex, inputIndex)断开特定链路。 - 注意：disconnect 不会销毁节点，但已断开的节点若无其他引用且未 start()，不会消耗资源；已 start 的 Oscillator 必须 stop() 否则持续发声。
- 避免“悬空连接”：在重连前确保目标节点已创建且处于有效状态（如
ctx.state !== 'suspended'）；否则 connect 会静默失败。
处理循环与反馈（需谨慎）
Web Audio 默认禁止直接循环（如 A→B→A），但可通过延迟或采样保持间接实现反馈效果：
- 用
DelayNode插入最小延迟（如delay.delayTime.value = 0.001），再将输出连回自身或上游节点，构成稳定反馈环（如模拟模拟合成器的自激滤波器）。 - 务必控制增益（在环路中插入
GainNode并设gain.value ），否则极易爆音甚至卡死上下文。 - 不推荐用
ScriptProcessorNode（已废弃）手动读写缓冲区做反馈；应使用AudioWorklet配合processor.port实现可控反馈逻辑。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
