Twilio - 为所有连接的参与者显示远程参与者视频

Question

我正在尝试构建一个视频电话会议应用程序，其中多个客户端可以连接并且每个成员都应该能够看到所有其他成员的网络摄像头输入。

到目前为止，使用 Twilio 的快速入门文档，我可以发起对话 [1]、邀请参与者 [2] 并在他们连接后显示他们的视频源。

我无法弄清楚当新客户端连接时，所有现有客户端也应该获得他们的视频源。

现有代码：

在邀请方方面：

var video_token = 'valid video token';
var accessManager = new Twilio.AccessManager(video_token);
var conversationsClient = new Twilio.Conversations.Client(accessManager);
conversationsClient.inviteToConversation(['client1, client2']).then(function(conversation) {
  conversation.on('participantConnected', function(participant) {
     participant.media.attach('#remote-media');
  })
})

在被邀请方：

var video_token = 'valid video token';
var accessManager = new Twilio.AccessManager(video_token);
var conversationsClient = new Twilio.Conversations.Client(accessManager);
conversationsClient.listen().then(function() {
  conversationsClient.on('invite', function(invite) {
    invite.accept().then(function(conversation) {
      conversation.on('participantConnected', function(participant) {
        participant.media.attach('#remote-media');
      })
    })
  })
})

被邀请方的代码不应该也检测任何已添加的新客户端并显示他们的流吗？现在，在受邀者方面，唯一显示的流是邀请者的流。其他成员的所有后续连接都不会被拾取。我错过了什么？

参考资料：

[1]https://media.twiliocdn.com/sdk/js/conversations/releases/0.13.5/docs/Conversation.html

[2]https://media.twiliocdn.com/sdk/js/conversations/releases/0.13.5/docs/Participant.html

Answer 1

这里的问题是我们每次都使用conversationsClient.inviteToConversation 来邀请新的参与者。这将为每个邀请者-被邀请者对创建一个新对话。

这就是为什么参与者从不知道其他参与者的任何信息的原因。在创建初始对话后的后续邀请中，您必须使用

conversation.invite

参考资料：

1. https://www.twilio.com/docs/api/video/guide/conversations#create-conversation

2. https://www.twilio.com/docs/api/video/guide/conversations#invite-a-new-participant