Google is committed to advancing racial equity for Black communities. See how.
Cette page a été traduite par l'API Cloud Translation.
Switch to English

Premiers pas avec les flux distants

Une fois qu'un RTCPeerConnection est connecté à un pair distant, il est possible de diffuser de l'audio et de la vidéo entre eux. C'est le point où nous connectons le flux que nous recevons de getUserMedia() à RTCPeerConnection . Un flux multimédia se compose d'au moins une piste multimédia, et celles-ci sont ajoutées individuellement à RTCPeerConnection lorsque nous voulons transmettre le support à l'homologue distant.

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

Des pistes peuvent être ajoutées à un RTCPeerConnection avant qu'il ne se soit connecté à un homologue distant, il est donc logique d'effectuer cette configuration le plus tôt possible au lieu d'attendre que la connexion soit établie.

Ajout de pistes distantes

Pour recevoir les pistes distantes qui ont été ajoutées par l'autre pair, nous enregistrons un auditeur sur le RTCPeerConnection local à l'écoute de l'événement de track . Puisque la lecture est effectuée sur un objet MediaStream , nous créons d'abord une instance vide que nous remplissons ensuite avec les pistes du pair distant lorsque nous les recevons.

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

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