Safari中MediaStream资源未完全释放求助：录音后仍显示扬声器图标

你遇到的问题核心是Safari中音频上下文或处理节点未完全关闭，导致浏览器认为标签仍在输出音频。除了停止MediaStream轨道，还需要处理以下几个关键资源：

• 关闭AudioContext实例
  AudioContext是整个音频处理链路的核心，只要它处于活跃状态，Safari就会显示扬声器图标。必须主动调用close()方法关闭它，该方法是异步的，建议用await等待完成：

  if (audioContext) {
    await audioContext.close();
    audioContext = null;
  }
  

• 断开并释放AudioWorkletNode
  要把AudioWorkletNode从音频链路中完全断开，避免它继续占用资源：

  if (audioWorkletNode) {
    audioWorkletNode.disconnect(); // 断开所有连接
    audioWorkletNode = null; // 解除引用，让GC回收
  }
  

• 清理MediaStreamAudioSourceNode（如果用到）
  如果你是通过MediaStreamAudioSourceNode把MediaStream接入AudioContext的，同样需要断开并释放：

  if (audioSourceNode) {
    audioSourceNode.disconnect();
    audioSourceNode = null;
  }
  

• 清理自定义AudioWorkletProcessor的引用
  如果你注册了自定义的AudioWorkletProcessor，确保没有残留的全局引用或回调绑定，比如取消相关的事件监听，避免处理器实例被持续持有。

这些步骤做完后，Safari的扬声器图标应该会消失，所有音频资源都会被正确释放。

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