Introducción a las transmisiones remotas

Una vez que una RTCPeerConnection está conectada a un par remoto, es posible transmitir audio y video entre ellos. Este es el punto donde conectamos la transmisión que recibimos de getUserMedia() a RTCPeerConnection . Un flujo de medios consta de al menos una pista de medios, y estos se agregan individualmente a RTCPeerConnection cuando queremos transmitir los medios al par remoto.

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

Se pueden agregar pistas a un RTCPeerConnection antes de que se haya conectado a un par remoto, por lo que tiene sentido realizar esta configuración lo antes posible en lugar de esperar a que se complete la conexión.

Agregar pistas remotas

Para recibir las pistas remotas que fueron agregadas por el otro par, registramos un oyente en la RTCPeerConnection local que escucha el evento de la track . Dado que la reproducción se realiza en un objeto MediaStream , primero creamos una instancia vacía que luego llenamos con las pistas del par remoto a medida que las recibimos.

const remoteStream = MediaStream();
const remoteVideo = document.querySelector('#remoteVideo');
remoteVideo.srcObject = remoteStream;

peerConnection.addEventListener('track', async (event) => {
    remoteStream.addTrack(event.track, remoteStream);
});