Twilio 可编程视频 SDK 问题答案

【问题标题】：Twilio programmable video sdk issueTwilio 可编程视频 SDK 问题
【发布时间】：2020-07-14 12:18:02
【问题描述】：

我在我的应用程序中使用 twilio 可编程视频 sdk。我使用 Twilio 可编程视频创建了点对点视频聊天。每当我参加一个会议。我可以看到和听到对面的人，但对面的人却听不到我的声音或看不到我。房间的创建和轨道的创建工作正常。

await connect(token, { 
  audio: true,
  name: this.meetingId,
  video: { width: 640 }
 }).then(room => {

  this.meetingRoom = room;
  // display the face of you
  createLocalVideoTrack().then(track => {
    const localMediaContainer = document.getElementById('local-media');
    localMediaContainer.appendChild(track.attach());
    });

  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());
        localStorage.setItem('status','live');
        this.videoStyle('remote-media-div');

      }
    });

这是我正在使用的代码的 sn-p。它是离子的。

【问题讨论】：

标签： twilio twilio-api twilio-click-to-call

【解决方案1】：

如果房间中已经添加了任何参与者以查看对面站点的视图，您应该倾听。

// Log any Participants already connected to the Room
room.participants.forEach(participant => {
                console.log(`Participant "${participant.identity}" is connected to the Room`);
                participant.tracks.forEach(publication => {
                        if (publication.isSubscribed) {
                          document.getElementById('remote-media-div').appendChild(publication.track.attach());
                        }
                      });

                     participant.on('trackSubscribed', track => {
                     document.getElementById('remote-media-div').appendChild(track.attach());
                      });
             });

【讨论】：