reactjs Twilio视频聊天-将视频附加为远程媒体

我是reactjs新手，正在开发基于twilio视频聊天的组件。有人提议，当有人加入通话时，此人的视频会连接到远程媒体

我找到了一些链接，这些链接指的是建立一个基于react的Twilio视频聊天系统

---

这里是Twilio开发者福音传道者

当a加入视频室时，您希望看到他们的视频并听到他们的音频，那么您需要将他们的视频连接到应用程序中的视频元素。您可以收听参与者的

trackAdded

和

trackRemoved

事件，以便知道何时附加和分离曲目。例如：

room.on('participantConnected', function(participant) {
  participant.on('trackAdded', function(track) {
    // Attach the track to a DOM element that you have access to.
    // This creates a <video> element for VideoTracks and an <audio> element for AudioTracks
    track.attach(element);
  });

  participant.on('trackRemoved', function(track) {
    track.detach();
  })
}

room.on（'participantConnected'，功能（参与者）{
参与者。on（'trackAdded'，函数（track）{
//将轨迹附加到您有权访问的DOM元素。
//这将为VideoTracks和AudioTracks创建一个元素
跟踪。附加（元素）；
});
参与者。在（'trackRemoved'，函数（track）{
track.detach（）；
})
}

我对自己的反应很陌生，但我认为Eddie在他的博客文章中附加媒体的方式是一种很好的方法，在JSX中使用

ref

，然后在组件生命周期事件中使用

this.refs.localMedia

，以获取对元素的引用并附加媒体

请注意，这篇博客文章使用了不推荐使用的视频对话API，而不是新的Rooms API。但是参与者/曲目模型和将曲目附加到DOM是类似的

---

让我知道这是否有帮助。

我不知道你在问什么。我们能帮什么忙？我在问-是否需要或有方法将某人的视频作为远程媒体附加？