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

Question

我是reactjs的新用户，致力于基于twilio视频聊天的组件。有人建议，当有人加入电话时，这个人的视频被附加到远程媒体？

我发现一些链接指的是建立一个反应动力的Twilio视频聊天。

https://www.twilio.com/blog/2016/03/building-a-react-powered-video-chat.html

Answer 1

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(); 
    }) 
} 

我非常新的反应，不过我想的方式，埃迪附加媒体在他的博客文章中，使用了JSX一个ref，然后this.refs.localMedia在组件的生命周期事件获得参考元素并附加媒体，是一种好方法。

请注意，该博客文章使用已弃用的对话视频API，而不是新的Rooms API。然而，参与者/跟踪模型并将跟踪附加到DOM是类似的。

让我知道这是否有帮助。