PROSAGA码农传奇-webrtc-连接多个远程对等体后如何关闭mediastream？

<div class =“post-text”itemprop =“text”>
  
    这是一个猜测，但似乎是最可能的原因，所以虽然有更多的代码将有助于......
  
  
    如果输入第一个代码块
  
   <pre>
 <code>
 if (mediaStream == undefined) {
 navigator.mediaDevices.getUserMedia({
 ...

</code>
 </pre>
  
    再次在第一个Promise返回之前
     <code>
 getUserMedia
 </code>
     得到解决后，您实际上会有多个来自您设备的不同MediaStream。
  
  
    全局变量
     <code>
 mediaStream
 </code>
     将只代表最后一个MediaStream
     <code>
 getUserMedia
 </code>
    以及从代码中无法访问的所有以前版本仍会锁定您的设备。
  
  
    <a href="https://jsfiddle.net/e5zhysm0/" rel="nofollow noreferrer">
      这是一个MCVE
    </A>
  
  
    换句话说，你需要
    的
      重构你的代码
    </强>
    。
  
  
    您需要更好地跟踪何时获取MediaStream的请求，因此为了减少代码中的更改，我建议您实际存储由返回的Promise
     <code>
 getUserMedia
 </code>
     [而不是/同时]存储MediaStream。
  
  
    这样，接下来的电话只需要
     <code>
 then()
 </code>
     这个Promise，为了访问相同的MediaStream。
  
   <pre>
 <code>
 // outer scope
var stream_request = null;
// [...]
function requestStream() {
 if(!stream_request) {
 stream_request = navigator.mediaDevices.getUserMedia(options);
 }
 return stream_request
 .then(doSomethingWithTheMediaStream);
}

// and to kill it
function kill_stream() {
  return stream_request.then(stream => {
    stream.getTracks().forEach(t => t.stop());
  }
}

</code>
 </pre>
  
    <a href="https://jsfiddle.net/e5zhysm0/1/" rel="nofollow noreferrer">
      实例
    </A>
  
</DIV>