RTCPeerConnection.iceConnectionState已从检查更改为已关闭

Question

按照方法here我正在尝试使用iPhone模拟器（使用React Native）回答使用Chrome浏览器发起的音频通话。

事件序列摘要：

1. 收到来电信号
2. 获得本地流
3. 发送了加入呼叫信号
4. 收到远程描述（报价），
5. 创建了PeerConnection
6. 添加了本地流
7. 收到候选人
8. 添加候选人
9. 7和8重复15次（总共16次）
10. onnegotiationneeded触发
11. signalingState已更改为have-remote-offer
12. onaddstream触发
13. 触发了setRemoteDescription的回调函数，创建了答案。
14. signalingState变为稳定
15. iceconnectionstate变为检查
16. onicecandidate首次触发。
17. 从15
中选出候选人
18. onicecandidate第二次触发。候选人是null
19. iceconnectionstate变为关闭

步骤7,8,9可能会在6之后和19之前的不同地方出现。

我一直坚持这个问题。我现在甚至都不知道要调试什么。关闭连接的可能原因是什么？如果需要，我可以发布更多日志。

一个观察结果是，与RTCEvent对应的两个iceconnectionstatechange具有以下属性：

isTrusted:false

目标RTCPeerConnection已

iceConnectionState:"closed"
iceGatheringState:"complete"

以下是处理remoteOffer和remoteCandidates的函数：

WebRTCClass.prototype.onRemoteOffer = function(data) {
  var ref;
  if (this.active !== true) {
    return;
  }
  var peerConnection = this.getPeerConnection(data.from);
  console.log('onRemoteOffer', data,peerConnection.signalingState);

  if (peerConnection.iceConnectionState !== 'new') {
    return;
  }
  var onSuccess = (function(_this){
    return function(){
      console.log("setRemoteDescription onSuccess function");
      _this.getLocalUserMedia((function(_this) {
          return function(onSuccess,stream) {
            peerConnection.addStream(_this.localStream);
            var onAnswer = (function(_this) {
              return function(answer) {
                var onLocalDescription = function() {
                  return _this.transport.sendDescription({
                    to: data.from,
                    type: 'answer',
                    ts: peerConnection.createdAt,
                    description: {
                      sdp: answer.sdp,
                      type: answer.type
                    }
                  });
                };
                return peerConnection.setLocalDescription(new RTCSessionDescription(answer), onLocalDescription, _this.onError);
              };
            })(_this);
            return peerConnection.createAnswer(onAnswer, _this.onError);
          }
        })(_this)
      );
    }
  })(this);
  return peerConnection.setRemoteDescription(new RTCSessionDescription(data.description),onSuccess,console.warn);
}; 

WebRTCClass.prototype.onRemoteCandidate = function(data) {
  var peerConnection, ref;
  if (this.active !== true) {
    return;
  }
  if (data.to !== this.selfId) {
    return;
  }
  console.log('onRemoteCandidate', data);
  peerConnection = this.getPeerConnection(data.from);
  if ((ref = peerConnection.iceConnectionState) !== "closed" && ref !== "failed" && ref !== "disconnected" && ref !== "completed") {
    peerConnection.addIceCandidate(new RTCIceCandidate(data.candidate));
  }
};

Answer 1

我发现如果我逐个调用以下两个函数，那么它就可以了。

peerConnection.setRemoteDescription(new RTCSessionDescription(data.description),onSuccess,console.warn);
(...definition of onAnswer ...)
peerConnection.createAnswer(onAnswer, this.onError); 

我之前的代码在createAnswer的{​​{1}}回调中名为onSuccess。这确实适用于setRemoteDescription演示，但不适用于Rocket.Chat。仍然没有完全理解它。但我的项目现在可以继续。