תחילת העבודה עם זרמים מרוחקים

ברגע 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 המקומי שמאזין לאירוע track . מכיוון שההשמעה נעשית על אובייקט MediaStream , אנו יוצרים תחילה מופע ריק שאנו מאכלסים אותו ברצועות מהעמית המרוחקת ככל שאנו מקבלים אותם.

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

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