Essayer de se connecter à Twilio salle vidéo avec partage d'écran

Question

J'ai fait des recherches sur les méthodes pour concevoir une nouvelle application autour Guide « Screen Capture sur Chrome » de Twilio ici: https://www.twilio.com/docs/api/video/screen-capture-chrome

J'ai créé avec succès une extension Chrome, publié et a pu partager un écran et le connecter à une salle. Ce que j'espère que quelqu'un peut aider, c'est obtenir qu'un autre utilisateur se connecte et visionne la salle partagée (écran partagé).

J'ai partagé mon écran via le code suivant (snipped pour la longueur) et Verified via la console Twilio qu'il est en effet connecté:

const room = await connect(twToken, { 
    name: 'marty', 
    tracks: [] 
    }); 

    const stream = await getUserScreen(['screen'], chrmExID); 
    const screenLocalTrack = new LocalVideoTrack(stream.getVideoTracks()[0]); 

J'ai ensuite créé un site de test accessible par une seconde système pour se connecter à la pièce ci-dessus. J'ai essayé différentes méthodes, mais le deuxième utilisateur ne semble jamais voir la vidéo partagée dans la pièce. Par exemple:

const remoteDiv = document.getElementById('bodyScreen'); 
room.participants.forEach(participant => { 
participant.tracks.forEach(track => { 
      remoteDiv.appendChild(track.attach()); 
      }); 

Debugging via Chrome, je vois que le forEach tente d'énumérer sur un objet non défini.

J'ai aussi essayé quelques-unes des solutions ASP.NET C# Twilio a sur GitHub, mais je semblent avoir des problèmes d'incompatibilité entre les paquets et les Twilio NuGet Twilio-video.min.js j'utilise

Answer 1

Twilio développeur évangéliste ici.

Je suis en train d'écrire une série de blog sur la construction d'une application comme celle-ci, mais ce n'est pas encore fait. Cependant, je pourrais peut-être aider un peu ici. Lorsque vous rejoignez une salle, ainsi que l'énumération immédiate des participants existants et de leurs pistes, vous devez également écouter chaque participant's trackAdded event. Les pistes peuvent ne pas se connecter dès qu'un participant est connecté, de sorte que l'écoute sur cet événement recevra toutes les pistes qui sont ajoutées après que le participant a rejoint la salle.

room.participants.forEach(participant => { 
    participant.on('trackAdded', track => { 
    remoteDiv.appendChild(track.attach()); 
    }); 
}); 

Comme je l'ai dit, je travaille encore et écrit mes expériences ici, donc gardez un oeil sur la Twilio blog quand la série est publiée. Faites-moi savoir si cela aide du tout.