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

Question

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

到目前为止，使用 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