Google is committed to advancing racial equity for Black communities. See how.
本頁面由 Cloud Translation API 翻譯而成。
Switch to English

遠程流入門

一旦將RTCPeerConnection連接到遠程對等方,便可以在它們之間流式傳輸音頻和視頻。這是我們將從getUserMedia()收到的RTCPeerConnection 。媒體流至少包含一個媒體軌道,當我們要將媒體傳輸到遠程對等RTCPeerConnection時, 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);
});