我是 reactjs 新手，正在开发基于 twilio 视频聊天的组件。有人提议，当有人加入通话时，此人的视频会附加到远程媒体？
我找到了一些链接，这些链接指的是构建基于反应的 Twilio 视频聊天。
https://www.twilio.com/blog/2016/03/building-a-react-powered-video-chat.html
【问题讨论】：
这里是 Twilio 开发者宣传员。
当participant 加入您的视频室并且您想观看他们的视频并听到他们的音频时，您需要将他们的incoming media tracks 连接到您应用程序中的视频元素。您可以收听参与者的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();
})
}
我自己对 React 很陌生，但我认为 Eddie 在他的博客文章中附加媒体的方式，在 JSX 中使用 ref，然后在组件生命周期事件中使用 this.refs.localMedia 来获取对元素和附加媒体，是一个很好的方法。
请注意，该博文使用已弃用的 Conversations API for Video，而不是新的 Rooms API。然而，参与者/轨道模型和将轨道附加到 DOM 是相似的。
让我知道这是否有帮助。
【讨论】：