获取媒体流的远程音频级别以直观显示音频级别的正确方法？

Question

希望做一些与下面的帖子非常相似的事情，但方向相反，使用 webrtc 显示来自我的远程方的入站媒体流的语音活动级别。我想通过修改代码来翻转它或在其他媒体流上运行它会很容易，但我没有运气。现在有人这样做或有什么想法吗？

Microphone activity level of WebRTC MediaStream

Answer 1

该问题似乎与 Chrome 错误有关。 chrome 团队记录并承认了它，但没有根据最新的 cmets 计划短期修复。

https://code.google.com/p/chromium/issues/detail?can=2&q=121673&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&id=121673

有关这些相关链接的更多信息...

visualize mediastream which is coming from a remote peer connection https://groups.google.com/forum/#!topic/sip_js/QE3EwXRi-5c

Answer 2

目前，以跨浏览器（Chrome、Firefox、Opera）的方式执行此操作的最佳方法是本地获取流的音频电平并将它们传输到与流，通过 RTCDataChannel。这是SimpleWebRTC 和至少其他几个应用程序使用的方法。

SimpleWebRTC 使用一个名为 hark 的帮助程序库，您可以独立使用它来为流发出音量事件。然后，您只需通过数据通道将它们发送到另一个对等点，并让对等点根据这些事件显示音量。这不是理想的解决方案，但它是一个相当不错的解决方案。

还有更多关于在 SimpleWebRTC 中使用 hark 的示例 here。伪代码，因为详细的例子在别处：

1. 获取流
2. 在流​​上设置音频监视器
3. 为流创建对等连接（或附加到传入）
4. 为卷事件打开数据通道（或获取现有通道）
5. 在音频监视器音量事件上，在数据通道上发出事件
6. 监控音频事件的数据通道，并使用它们来显示对等音量

所以，很伪：

getUserMedia(constraints, function (stream) {
   audioMonitor = new Hark(stream);
   connection = new PeerConnection(stream);
   dataChannel = connection.createDataChannel('hark');
   audioMonitor.on('volumeChange', function(volume) {
       dataChannel.send('volume', volume);
   });
   dataChannel.onMessage(function(label, data) {
      if (label == 'volume') {
          //use data to set css, etc to show volume level of peer
      }
   }); 
});