البدء مع التدفقات البعيدة

بمجرد توصيل RTCPeerConnection بعيد ، من الممكن دفق الصوت والفيديو بينهما. هذه هي النقطة التي نربط فيها الدفق الذي نتلقاه من getUserMedia() بـ RTCPeerConnection . يتكون دفق الوسائط من مسار وسائط واحد على الأقل ، ويتم إضافتها بشكل فردي إلى RTCPeerConnection عندما نريد نقل الوسائط إلى النظير البعيد.

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

يمكن إضافة المسارات إلى RTCPeerConnection قبل RTCPeerConnection بعيد ، لذلك من المنطقي إجراء هذا الإعداد في أقرب وقت ممكن بدلاً من انتظار اكتمال الاتصال.

مضيفا مسارات عن بعد

لتلقي المسارات البعيدة التي تمت إضافتها بواسطة النظير الآخر ، نقوم بتسجيل مستمع في الاستماع RTCPeerConnection المحلي RTCPeerConnection track . نظرًا لأن التشغيل يتم على كائن MediaStream ، فإننا ننشئ أولاً MediaStream فارغًا نقوم بعد ذلك بملئه بالمسارات من النظير البعيد عند استلامنا لها.

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

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