रिमोट स्ट्रीम की सुविधा का इस्तेमाल शुरू करना

RTCPeerConnection को रिमोट पीयर से कनेक्ट करने के बाद, ये काम किए जा सकते हैं ऑडियो और वीडियो स्ट्रीम करना. यही वह जगह है जहां हम getUserMedia() से RTCPeerConnection में हमें मिलने वाली स्ट्रीम. मीडिया स्ट्रीम में कम से कम एक मीडिया ट्रैक होना चाहिए. इन्हें अलग-अलग जोड़ा जाता है जब हम मीडिया को रिमोट में भेजना चाहते हैं, तो RTCPeerConnection पर मिलते-जुलते ऐप्लिकेशन.

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

रिमोट से कनेक्ट होने से पहले, ट्रैक को RTCPeerConnection में जोड़ा जा सकता है यही वजह है कि इस सेटअप को जल्द से जल्द पूरा करें. कनेक्शन पूरा होने का इंतज़ार किया जा रहा है.

रिमोट ट्रैक जोड़ना

अन्य साथी के ज़रिए जोड़े गए रिमोट ट्रैक पाने के लिए, हम स्थानीय RTCPeerConnection पर track इवेंट को सुनने वाला लिसनर. कॉन्टेंट बनाने RTCTrackEvent में MediaStream ऑब्जेक्ट का कलेक्शन मौजूद है मिलते-जुलते ऐप्लिकेशन की स्थानीय स्ट्रीम के तौर पर MediaStream.id की वैल्यू. हमारे उदाहरण के लिए, हर ट्रैक सिर्फ़ एक स्ट्रीम से जुड़ा है.

ध्यान दें कि MediaStream आईडी, मिलते-जुलते कनेक्शन के दोनों ओर से मेल खाते हैं, आम तौर पर, MediaStreamTrack आईडी के लिए भी यह शर्त लागू नहीं होती.

const remoteVideo = document.querySelector('#remoteVideo');

peerConnection.addEventListener('track', async (event) => {
    const [remoteStream] = event.streams;
    remoteVideo.srcObject = remoteStream;
});