RTCPeerConnectionイベントが発生しない

Question

RTCPeerConnectionを機能させることができません。私はRTCPeerConnectionオブジェクトを作成した後、何も起こりません。イベントは発生しません。これは、接続を作成する方法です。

createPeerConnection() { 
    console.log('new RtCPeerConnection with stun server.'); 
    this.myPeerConnection = new RTCPeerConnection({stunServer}] 
    }); 

    console.log('PeerConnection is ', this.myPeerConnection); 

    this.myPeerConnection.onicecandidate = this.handleICECandidateEvent; 
    this.myPeerConnection.ontrack = this.handleAddTrackEvent; 
    this.myPeerConnection.removeTrack = this.handleRemoveStreamEvent; 
    this.myPeerConnection.oniceconnectionstatechange = this.handleICEConnectionStateChangeEvent; 
    // this.myPeerConnection.onicegatheringstatechange = this.handleICEGatheringStateChangeEvent; 
    // this.myPeerConnection.onsignalingstatechange = this.handleSignalingStateChangeEvent; 
    this.myPeerConnection.onnegotiationneeded = this.handleNegotiationNeededEvent; 
    } 

コンソールにエラーはありません。ただ何も起こらなかった。 別のユーザーのユーザーのクリックで接続する場合は、このメソッドが呼び出されます。

connect() { 
    console.log('Creating RTCPeerConnetion...'); 
    this.createPeerConnection(); 
    console.log('RTCPeerConnection created'); 
    console.log('Creating new local stream ...'); 
    navigator.mediaDevices.getUserMedia({ video: true, audio: true }).then((localStream) => { 
     this.localVideo.nativeElement.srcObject = localStream; 
     console.log('Local stream created', localStream); 
    }).catch(this.handleGetUserMediaError); 
    } 

私はFirefoxとAngular2を使用し、私はローカルホスト上でこれをテストします。これが原因である可能性があるかどうかはわかりません。何か案が？

Answer 1

私はちょうどこのようpeerConnectionに蒸気を追加するのを忘れています

navigator.mediaDevices.getUserMedia({ video: true, audio: true }).then((localStream) => { 
     this.localVideo.nativeElement.srcObject = localStream; 
     console.log('Local stream created', localStream); 
     localStream.getTracks().forEach(track => 
     this.myPeerConnection.addTrack(track, localStream) 
    );