Videoconferencing in React Native with Membrane

on YouTube ↗20m

" summary

Claim: a working video chat is added to a bare React Native app in minutes using react-native-membrane-webrtc and the Membrane media server. The demo requests camera/mic permissions, calls useMembraneServer and useRoomParticipants, runs webrtc.connect with server URL and room name, then joinRoom and renders an RTC video view per participant. The live demo runs on a phone, video quality is acceptable though not pristine, and the example repo is linked.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to React Native
2. 1:37Understanding WebRTC
3. 5:28Membrane Streaming Framework
4. 8:03React Native Membrane Library
5. 9:40Live Demo: Building Video Chat
6. 17:30Conclusion and Resources

" related talks

• 07mBuilding video applications using react-nativeKapil Mishra · React Nexus 2023
• 20mReact and WebRTC - Real-time communication on mobilePerttu Lähteenlahti · RTC.ON 2024
• 27mMembrane SFU: Bringing WebRTC to ElixirMateusz Front · ElixirConf EU 2021
• 28mPipelining WebRTC videoconferences in Elixir with Membrane FrameworkMateusz Front · Alchemy Conf 2021
• 58mRealtime Communication with WebRTCSam Dutton · GOTO Aarhus 2013
• 29mWebRTC on Mobile with React Native: the Jitsi JourneySaúl Ibarra Corretgé · RTC.On 2023
• 38mReal-time Communication on MobileThomas Gorissen · Meta Refresh 2015
• 19mMaking videos in React NativeJonny Burger · App.js Conf 2023