谷歌致力于推进种族平等的黑人社区。 怎么看。
此页面由 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);
});