PROSAGA码农传奇-webrtc-如何在Chrome中为WebRTC调用者设置远程描述而不出错？

<div class =“post-text”itemprop =“text”>
  
    你的代码是正确的。这是一个长期存在的问题
    <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=740501" rel="nofollow noreferrer">
      Chrome中的错误
    </A>
     同
     <code>
 negotiationneeded
 </code>
    。
  
  
    我把它装进去了
    <a href="https://jsfiddle.net/jib1/zehrtbgd/" rel="nofollow noreferrer">
      一个小提琴
    </A>
     （右键单击并在两个相邻的窗口中打开，然后单击一个中的呼叫）。
  
  
    在Firefox中，它可以工作。提议者协商一次，因为您一次添加两个曲目（视频/音频）：
  
   <pre>
 <code>
 negotiating in stable
onmessage answer

</code>
 </pre>
  
    并且，在回答者方面，您添加的曲目
     <code>
 'stable'
 </code>
     状态被添加到答案中：
  
   <pre>
 <code>
 onmessage offer
adding audio track
adding video track

</code>
 </pre>
  
    但是在Chrome中，它被打破了
     <code>
 negotiationneeded
 </code>
     两次提供者，每个轨道添加一次：
  
   <pre>
 <code>
 negotiating in stable
negotiating in stable
onmessage offer
DOMException: Failed to execute 'setRemoteDescription' on 'RTCPeerConnection':
 Failed to set remote offer sdp: Called in wrong state: kHaveLocalOffer
onmessage offer
DOMException: Failed to execute 'setRemoteDescription' on 'RTCPeerConnection':
 Failed to set remote offer sdp: Called in wrong state: kHaveLocalOffer
onmessage offer
DOMException: Failed to execute 'setRemoteDescription' on 'RTCPeerConnection':
 Failed to set remote offer sdp: Called in wrong state: kHaveLocalOffer

</code>
 </pre>
  
    和解雇
     <code>
 negotiationneeded
 </code>
     在回答者方面两次，甚至没有
     <code>
 'stable'
 </code>
     州：
  
   <pre>
 <code>
 onmessage offer
adding audio track
adding video track
negotiating in have-remote-offer
negotiating in have-remote-offer
onmessage offer
DOMException: Failed to execute 'setRemoteDescription' on 'RTCPeerConnection':
 Failed to set remote offer sdp: Called in wrong state: kHaveLocalOffer

</code>
 </pre>
  
    这些额外的事件导致这里两端看到的相互状态错误的破坏。
  
  
    具体来说，Chrome违反了两个部分
    <a href="http://w3c.github.io/webrtc-pc/#dfn-update-the-negotiation-needed-flag" rel="nofollow noreferrer">
      规范
    </A>
     这里：
  
  <OL>
    <LI>
      
        
          “排队任务”
        
         解雇这个事件。
        
          “在一次性对连接进行多次修改的常见情况下，排队可以防止提前进行协商。”
        
      
    </LI>
    <LI>
      
        
          如果连接的信令状态不是
           <code>
 "stable"
 </code>
          ，中止这些步骤[以解雇事件]。
        
      
    </LI>
  </醇>
  <H2>
    解决方法
  </H2>
  
    到处工作
    
      都
    
     Chrome漏洞需要（使用
     <code>
 async
 </code>
    /
     <code>
 await
 </code>
     为简洁起见）：
  
   <pre>
 <code>
 let negotiating = false;
pc.onnegotiationneeded = async e => {
 try {
 if (negotiating || pc.signalingState != "stable") return;
 negotiating = true;
 /* Your async/await-using code goes here */
 } finally {
 negotiating = false;
 }
}

</code>
 </pre>
</DIV>