Web Audio API连接节点后为什么没声音输出？

问题出在audioContext.resume()的位置和调用时机上。你这段代码里resume()是写在异步decodeAudioData外面的，这时候audioContext可能还没真正开始运行。特别是如果用户没有和页面做过交互（比如点击按钮），浏览器会把audioContext挂起状态锁住，必须通过用户手势事件才能恢复。

另外你注释里提到是不是连接顺序的问题，这点倒是没问题，source.connect(gainNode) → gainNode.connect(dest)这个链路是对的。但audioContext的生命周期控制必须注意：audioContext.resume()必须在用户交互里触发，比如点击事件里调用，否则会被浏览器静默忽略。而且你现在的写法resume()在异步加载buffer之前就执行了，可能压根没生效。

正确做法是：
1. 把audioContext.resume()放到用户交互事件里，比如按钮点击
2. 确保audioContext.state是running状态再start source
3. 你也可以加个检查audioContext.state !== 'running'时弹个提示，告诉用户需要点一下页面触发播放

修改后的代码大概长这样：

let audioContext = new AudioContext();
let source = audioContext.createBufferSource();
let gainNode = audioContext.createGain(); // 你漏了这行吧

document.getElementById('playButton').addEventListener('click', () => {
if (audioContext.state !== 'running') {
audioContext.resume();
}
fetchAudioAndPlay();
});

function fetchAudioAndPlay() {
fetch('/your-audio-url').then(response => response.arrayBuffer()).then(data => {
audioContext.decodeAudioData(data, buffer => {
source.buffer = buffer;
source.connect(gainNode);
gainNode.connect(audioContext.destination);
source.start();
});
});
}

性能上来说，decodeAudioData是主线程操作，大文件会卡顿页面，不过这个是你业务需求，能接受的话就先这么用。实在太大建议用Web Worker + OffscreenAudioContext，但这问题先解决播放再说。