リモートストリームの開始

RTCPeerConnectionがリモートピアに接続されると、それらの間でオーディオとビデオをストリーミングできます。これが、 getUserMedia()から受け取ったストリームをgetUserMedia()接続するポイントRTCPeerConnection 。メディアストリームは少なくとも1つのメディアトラックで構成され、リモートピアにメディアを送信するときに、これらが個別にRTCPeerConnectionに追加されます。

 const localStream = await getUserMedia({vide: true, audio: true});
const peerConnection = new RTCPeerConnection(iceConfig);
localStream.getTracks().forEach(track => {
    peerConnection.addTrack(track, localStream);
});
 

トラックは、リモートピアに接続する前にRTCPeerConnectionに追加できるため、接続が完了するのを待つのではなく、できるだけ早くこの設定を実行することをおRTCPeerConnectionします。

リモートトラックを追加する

他のピアによって追加されたリモートトラックを受信するには、 trackイベントをリッスンするローカルRTCPeerConnectionリスナーを登録します。再生はMediaStreamオブジェクトで行われるため、最初に空のインスタンスを作成し、リモートピアからのトラックを受信すると、それらにトラックを追加します。

 const remoteStream = MediaStream();
const remoteVideo = document.querySelector('#remoteVideo');
remoteVideo.srcObject = remoteStream;

peerConnection.addEventListener('track', async (event) => {
    remoteStream.addTrack(event.track, remoteStream);
});