如何在Electron应用中获取扬声器输出音量，无需采集麦克风输入

方案解答 #

你遇到的核心问题是：getUserMedia 仅用于获取音频输入设备（麦克风等）的媒体流，即便你传入audiooutput类型的设备ID，最终拿到的还是默认麦克风的流，这就是你检测到自己说话音量的原因。

可行方案（针对Electron环境） #

因为你用的是Electron应用，有更高的系统权限，不用受纯浏览器环境的隐私限制，有两种实现路径：

1. 最优方案：直接使用通话对端的媒体流

你的需求本身是展示通话时对端发言的音量，完全不需要捕获系统扬声器的输出。WebRTC建立通话后，你本身就持有对端用户的音频MediaStream对象，直接把这个流传给你现有的音频分析逻辑即可，不需要任何额外权限，也不会捕获到系统其他声音或者自己麦克风的声音。

原有代码只需要修改getAudioLevel部分，不用枚举设备调用getUserMedia，直接传入对端流即可：

// 假设你在WebRTC通话建立后，能拿到对端的音频流 remoteAudioStream
ngOnInit(): void {
  // 替换原有getAudioLevel调用，直接传对端流
  this.handleSuccess(remoteAudioStream)
}

另外你的音频分析逻辑用的ScriptProcessor已经被标准废弃，建议替换为性能更好的AnalyserNode，示例逻辑参考：

handleSuccess(stream: MediaStream) {
  const audioContext = new AudioContext();
  const analyser = audioContext.createAnalyser();
  analyser.fftSize = 256;
  const source = audioContext.createMediaStreamSource(stream);
  source.connect(analyser);

  const bufferLength = analyser.frequencyBinCount;
  const dataArray = new Uint8Array(bufferLength);

  function getVolume() {
    analyser.getByteFrequencyData(dataArray);
    let sum = 0;
    for (let i = 0; i < bufferLength; i++) {
      sum += dataArray[i];
    }
    const average = sum / bufferLength;
    if (average > 1) { // 阈值可自行调整
      console.log("当前音量：", average);
    }
    requestAnimationFrame(getVolume);
  }
  getVolume();
}

2. 如需捕获系统全局扬声器输出

如果你的需求不止是通话音量，需要捕获整个扬声器播放的所有声音，可以用Electron内置的desktopCapturerAPI获取系统音频流：

• 首先在主进程配置权限，允许渲染进程使用桌面捕获API
• 渲染进程调用desktopCapturer.getSources筛选音频源，获取扬声器的媒体流后，再用上述的AnalyserNode逻辑分析音量即可。

纯Web环境的限制 #

如果是普通浏览器网页，没有办法直接捕获扬声器输出，这是浏览器的隐私安全限制，防止网页未经用户允许录制系统声音。

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