PROSAGA码农传奇-webrtc-页面重新加载后连接多个对等连接

<div class =“post-text”itemprop =“text”>
  <P>
    除掉
     <code>
      TempDescriptions
    </code>
     全局变量，并将sdp传递给
     <code>
      getStream(offer.sdp)
    </code>
     直。
  </p>
  <P>
    否则，你就是
     <code>
      socket.on('ask', function(offer){
    </code>
     叫4次，覆盖
     <code>
      TempDescriptions
    </code>
    。然后3秒以后你的4
     <code>
      setTimeout
    </code>
    滚动，所有访问的最终值
     <code>
      TempDescriptions
    </code>
     只要。
  </p>
  <P>
    这可能就是为什么只有一个RTCPeerConnection重新连接。
  </p>
  <P>
    通常，使用时间延迟来分离连接似乎是一个坏主意，因为它会减慢重新连接速度。相反，为什么不发送
     <code>
      id
    </code>
    ？例如。
  </p>
   <pre>
    <code>
      socket.emit('ask', {id: connectionNumber++,
                    sdp: JSON.stringify(pc.localDescription),
                    user: loggedUserID,
                    fromSocket: ownSocket});

</code>
  </pre>
  <H3>
    更新：停止添加全局变量
     <code>
      window
    </code>
  </H3>
  <P>
    每当您分配一个未声明的变量时，如下所示：
  </p>
   <pre>
    <code>
      connection = getPeerConnection();

</code>
  </pre>
  <P>
    ......它创造了一个全球性的
     <code>
      window
    </code>
    ，例如
     <code>
      window.connection
    </code>
    ，你有同样的问题。你有4个连接，但是你将它们存储在一个变量中。
  </p>
  <P>
    类型
     <code>
      "use strict";
    </code>
     在你的源文件的头部抓住这个：
  </p>
   <pre>
    <code>
      ReferenceError: assignment to undeclared variable connection

</code>
  </pre>
  <H3>
    范围：一般问题
  </H3>
  <P>
    你在这里处理4个连接，但你没有一个方法来确定每个实例的范围。
  </p>
  <P>
    大多数其他语言会告诉您创建一个类并创建对象实例，并将所有内容包括在内
     <code>
      connection
    </code>
     上
     <code>
      this
    </code>
    。这是一个很好的方法。在JS中，您可以使用闭包。但至少你还需要4个变量来保存4个连接，或者是一个数组
     <code>
      connections
    </code>
    。然后你抬头看。来自
     <code>
      id
    </code>
     我提到了要处理的连接。
  </p>
  <P>
    还有，你的
     <code>
      try
    </code>
    /
     <code>
      catch
    </code>
    es不会捕获异步错误。我强烈建议，而不是定义所有这些回调
    <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises" rel="nofollow noreferrer">
      使用承诺
    </A>
    ， 甚至
    <a href="https://developers.google.com/web/fundamentals/primers/async-functions" rel="nofollow noreferrer">
      异步/ AWAIT
    </A>
     处理高度异步的WebRTC API时。这使得范围界定变得微不足道。例如。
  </p>
   <pre>
    <code>
      const connections = [];

socket.on('ask', async ({user, id, sdp, fromSocket}) => {
  try {
    if (user != loggedUserID) return;
    if (!connections[id]) {
      connections[id] = getPeerConnection();
      registerIceCandidate(connections[id]);
    }
    const connection = connections[id];
    await connection.setRemoteDescription(JSON.parse(sdp));
    await connection.setLocalDescription(await connection.createAnswer());
    socket.emit('response', {sdp,
                             user: loggedUserID,
                             fromSocket: ownSocket,
                             toSocket: fromSocket});
  } catch (err) {
    console.log(err);
  }
};

</code>
  </pre>
  <P>
    这样，错误处理是可靠的。
  </p>
</DIV>