HTML5的<audio>元素不支持原生声道分离或合并，需用Web Audio API实现：通过getChannelData()提取左右声道，用平均法等策略混音，借助AudioWorklet实时处理，再通过AudioBufferSourceNode播放或OfflineAudioContext导出为WAV/MP3。
HTML5 的 <audio> 元素本身不提供原生的双声道合并（如将左右声道混为单声道）或声道分离（如单独提取左/右声道）能力。这些操作必须借助 Web Audio API 实现，核心在于获取音频数据、手动处理通道布局，并重新生成音频流。
声道分离：读取并拆分左右通道数据
通过 AudioContext.decodeAudioData() 加载音频后，可访问 AudioBuffer 的 getChannelData(channelIndex) 方法。立体声音频的 numberOfChannels 为 2，索引 0 是左声道，1 是右声道。
- 调用
buffer.getChannelData(0)获取左声道 Float32Array 数组 - 调用
buffer.getChannelData(1)获取右声道 Float32Array 数组 - 可将任一通道写入新
AudioBuffer（单声道），或分别送入不同AudioNode处理
双声道合并：实现左右声道混合策略
合并不是简单相加，需考虑幅度叠加可能引起的削波（clipping）。常用安全策略是平均法或归一化加权。
- 对每帧样本：新样本 = (left[i] + right[i]) / 2 —— 平均法，保持响度稳定
- 若需保留总能量：先计算峰值，再按比例缩放后相加，避免超出 [-1, 1]
- 将结果填入新建的单声道
AudioBuffer（numberOfChannels = 1）
实时处理：用 ScriptProcessorNode（已弃用）或 AudioWorklet 替代
ScriptProcessorNode 已被废弃，现代方案应使用 AudioWorklet 实现低延迟声道处理。
立即学习“前端免费学习笔记（深入）”；
- 注册自定义
AudioWorkletProcessor，在process()中访问输入通道数组 - 例如：仅转发左声道 → 输出
outputs[0][0] = inputs[0][0] - 支持动态切换分离/合并逻辑，适合音效器、监听工具等场景
输出与播放：生成 Blob URL 或直接连接扬声器
处理后的 AudioBuffer 可通过 AudioBufferSourceNode 播放；若需导出为文件，则用 OfflineAudioContext 渲染，再转为 WAV/MP3 Blob。
- 渲染离线上下文后，调用
audioBuffer.copyFromChannel()提取数据 - 构造 WAV 封装头 + PCM 数据，生成
Blob，用URL.createObjectURL()播放或下载 - 注意：MP3 编码需第三方库（如 lamejs），浏览器原生不支持编码
