Una vez que un RTCPeerConnection está conectado a un par remoto, es posible transmitir audio y vídeo entre ellos. Este es el punto donde conectamos la corriente que recibimos de getUserMedia() a la RTCPeerConnection . Un flujo de medios consta de al menos una pista de los medios de comunicación, y estos se añaden individualmente al RTCPeerConnection cuando queremos transmitir a los medios a la par remoto.
const localStream = await getUserMedia({vide: true, audio: true});
const peerConnection = new RTCPeerConnection(iceConfig);
localStream.getTracks().forEach(track => {
peerConnection.addTrack(track, localStream);
});
Las pistas pueden ser añadidos a una RTCPeerConnection antes de que haya conectado a un par remoto, así que tiene sentido para llevar a cabo esta configuración tan pronto como sea posible en lugar de esperar a que se complete la conexión.
Adición de pistas remotas
Para recibir las pistas remotas que fueron añadidos por el otro par, se registra un oyente en el local de RTCPeerConnection de escucha para el track de eventos. Dado que la reproducción se realiza en una MediaStream objeto, primero creamos una instancia vacía que después llenarla con las pistas de la distancia entre pares como las recibamos.
const remoteStream = MediaStream();
const remoteVideo = document.querySelector('#remoteVideo');
remoteVideo.srcObject = remoteStream;
peerConnection.addEventListener('track', async (event) => {
remoteStream.addTrack(event.track, remoteStream);
});