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是類似的。

讓我知道這是否有幫助。