RTCPeerConnection.iceConnectionStateがチェックからクローズに変更されました

Question

メソッドhere iPhoneのシミュレータ（React Nativeを使用）からChromeブラウザで開始された音声コールに応答しようとしています。

イベントシーケンスの概要：

1. は、呼び出し信号
2. を受け送っ
3. が呼び出し信号
4. は、PeerConnection
作成
5. をリモート記述（申し出）を受けた参加ローカルストリームを得ました
6. ローカルストリームを追加
7. を受信しました
8. 候補
9. 7及び8を15回（すなわち、合計16倍）
10. がトリガ
11. signalingStateを有するリモート・オファーに
12. を変更onaddstreamの
13. コールバック関数をトリガonnegotiationneeded繰り返し添加setRemoteDescriptionが起動され、answerが作成されました。
14. signalingStateは
15. onicecandidateが初めてトリガーチェックに変え、安定
16. iceconnectionstateに変更しました。
17. は、2回目に誘発されたオニカンジン酸デヒドロゲナーゼから候補を放出した。 null
18. iceconnectionstateがに変更された候補者が

を閉じてステップ7,8,9は6の後に別の場所で表示され、19

前に、私はかなりために、この問題に引っかかってきましたしばらく。私はこの時点で何をデバッグすべきかを知らない。接続の終了の原因は何ですか？必要に応じてさらにログを投稿することができます。

一つの観測はiceconnectionstatechangeに対応する2 RTCEventは、以下の性質を有していることである。

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

私は、私は次の2つの関数を一つずつ呼び出す場合、それが動作することがわかりました。

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

私の以前のコードはsetRemoteDescriptionのonSuccessコールバック内createAnswerと呼ばれます。これはreact-native-webrtcデモでは動作しましたが、Rocket.Chatでは動作しませんでした。まだそれを完全に理解していない。しかし、私のプロジェクトは今のところ進むことができます。