Видео Twilio не может получить удаленную дорожку - PullRequest
Новая
       35

Видео Twilio не может получить удаленную дорожку

0 голосов
/ 21 июня 2020

привет, я разрабатываю приложение для реакции с видео Twilio js sdk. Я мог бы поместить свое локальное видео в div, но удаленная дорожка не работает. Я получаю подключенные события участника, но удаленный трек не отображается в DOM 

         connect(this.props.twilio_token, {
            audio: true,
            video: { width: 640 },
            name: "my-new-room",
            bandwidthProfile: {
               video: {
                  mode: "grid",
                  maxTracks: 2,
                  renderDimensions: {
                     high: { height: 1080, width: 1920 },
                     standard: { height: 720, width: 1280 },
                     low: { height: 176, width: 144 },
                  },
               },
            },
         }).then(
            (room) => {
               console.log(`Connected to Room: ${room.name}`);
               room.on("participantConnected", (participant) => {
                  console.log(
                     `Participant "${participant.identity}" connected`
                  );
                  participant.tracks.forEach((publication) => {
                     if (publication.isSubscribed) {
                        const track = publication.track;
                        document
                           .getElementById("remote-media-div")
                           .appendChild(track.attach());
                     }
                  });

                  participant.on("trackSubscribed", (track) => {
                     document
                        .getElementById("remote-media-div")
                        .appendChild(track.attach());
                  });
               });
               room.participants.forEach((participant) => {
                  participant.tracks.forEach((publication) => {
                     if (publication.track) {
                        document
                           .getElementById("remote-media-div")
                           .appendChild(publication.track.attach());
                     }
                  });

                  participant.on("trackSubscribed", (track) => {
                     document
                        .getElementById("remote-media-div")
                        .appendChild(track.attach());
                  });
               });
            },
            (error) => {
               console.error(`Unable to connect to Room: ${error.message}`);
            }
         );
...