怎么使用HTML5中AudioContext的ChannelMergerNode实现立体声转单声道-H5教程-PHP中文网

立体声转单声道需将左右声道等权平均混合为一路信号，即mono=(left+right)/2；web audio api中应使用channelsplitternode分离声道、gainnode缩放后混合输出，而非误用仅用于拼接的channelmergernode。

怎么使用html5中audiocontext的channelmergernode实现立体声转单声道

要将立体声（双声道）音频转为单声道，可以用 ChannelMergerNode 配合 ChannelSplitterNode 和 GainNode 实现“求平均”混音，但需注意：ChannelMergerNode 本身不合并声道，而是拼接多个单声道流为多声道输出。真正实现立体声→单声道的关键是先分离、再混合、最后重路由——ChannelMergerNode 在这里常被误用，实际起作用的是手动混合逻辑。

明确目标：什么是“立体声转单声道”

典型需求是把左右声道（L/R）等权相加后输出一个单声道信号（即 mono = (left + right) / 2）。这不是简单“丢掉一个声道”，而是符合音频工程惯例的下混（downmix）。

Web Audio API 中没有直接的 “StereoToMonoNode”，需组合节点完成：

用 ChannelSplitterNode 拆出左、右声道（各为 1 个单声道）
用 GainNode 将两路增益设为 0.5（实现除以 2）
用 AudioNode 的输入自动混音特性（多源连同一输入 → 自动相加）
最终输出接至单声道目的地（如另一个 ChannelMergerNode 的单输入？不必要——直接连 destination 即可，因其默认接受单/双/多声道，会自动适配）

正确做法：分离 → 缩放 → 混合 → 输出

以下代码将立体声源转为平衡单声道输出：

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

const audioContext = new (window.AudioContext || window.webkitAudioContext)();
const source = audioContext.createBufferSource(); // 假设已加载立体声 buffer

// 创建拆分器（2 in → 2 out，每路 1 声道）
const splitter = audioContext.createChannelSplitter(2);

// 创建两个增益节点，用于缩放（0.5 实现平均）
const gainL = audioContext.createGain();
const gainR = audioContext.createGain();
gainL.gain.value = 0.5;
gainR.gain.value = 0.5;

// 连接：source → splitter → gainL/gainR → 同一目标（自动叠加）
source.connect(splitter);
splitter.connect(gainL, 0); // 左声道（index 0）→ gainL
splitter.connect(gainR, 1); // 右声道（index 1）→ gainR

// 关键：把两个 gain 输出都连到同一个 AudioNode 输入（例如 destination）
// destination 默认有 2 输入（支持立体声），但接收单声道信号时会自动映射到左+右（或仅左，取决于 channelInterpretation）
// 若需严格单声道输出（例如只驱动一个扬声器），应显式设置 destination.channelCount = 1
// 更稳妥方式：连到自定义单输入节点（如空 GainNode），再设其 channelCount = 1
const monoOutput = audioContext.createGain();
monoOutput.channelCount = 1;
monoOutput.channelCountMode = 'explicit';

gainL.connect(monoOutput);
gainR.connect(monoOutput);
monoOutput.connect(audioContext.destination);