如何通过Web Audio API实现立体声MP3声道1仅输出至左扬声器、声道2仅输出至右扬声器？

嘿，我明白你想要实现的效果——让MP3的左声道仅从左扬声器输出，右声道仅从右扬声器输出，之前尝试的方法出现混音问题确实挺闹心的。咱们一步步拆解问题，给出靠谱的解决办法。

先说说你之前代码里的问题 #

你用到的Panner节点其实在这里是多余的，而且它会把单声道输入自动转换成立体声输出——哪怕你设置了setPosition(-1,0,0)，它的输出依然是双声道信号，这就是为什么右扬声器还能听到左声道声音的核心原因。另外你创建的blank音源没有初始化空白缓冲区，它本质上没有有效输出，也会导致合并器节点的输入出现异常混音。

正确的实现方式 #

其实只需要ChannelSplitter和ChannelMerger两个节点就足够了，核心逻辑是把立体声源拆成两个独立单声道，再分别对应连接到合并器的左右输入声道，就能严格保证左声道只走左扬声器、右声道只走右扬声器。

下面是修正后的代码：

// 初始化音频上下文
const audioCtx = new window.AudioContext();
// 获取页面中的audio元素（记得替换成你的元素ID）
const myAudio = document.getElementById('your-audio-element');
// 创建媒体源节点
const source = audioCtx.createMediaElementSource(myAudio);

// 创建声道拆分器（指定2个输出声道）
const splitter = audioCtx.createChannelSplitter(2);
// 创建声道合并器（指定2个输入声道）
const merger = audioCtx.createChannelMerger(2);

// 连接音频源到拆分器
source.connect(splitter);

// 拆分器左声道 → 合并器左输入
splitter.connect(merger, 0, 0);
// 拆分器右声道 → 合并器右输入
splitter.connect(merger, 1, 1);

// 最后连接到系统音频输出
merger.connect(audioCtx.destination);

// 注意：需要用户交互触发播放（比如按钮点击），否则浏览器会阻止自动播放
document.querySelector('#play-btn').addEventListener('click', () => {
  myAudio.play();
});

额外场景的适配 #

如果你需要只让左扬声器出声、右扬声器完全静音，那只需要连接拆分器的左声道到合并器的左输入即可，合并器的右输入会自动静音：

splitter.connect(merger, 0, 0);
// 不连接右声道到合并器
merger.connect(audioCtx.destination);

反过来，只想让右扬声器出声的话，只连接拆分器的右声道到合并器的右输入就行。

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