Una vez que un RTCPeerConnection está conectado 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);
});
Las pistas se pueden agregar a 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 el 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 completamos 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);
});