Google is committed to advancing racial equity for Black communities. See how.
หน้านี้ได้รับการแปลโดย Cloud Translation API
Switch to English

การเริ่มต้นกับสตรีมระยะไกล

เมื่อ 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);
});