Skip to main content

Build with MediaSFU React Native

Essential next steps​

Use mediasfu-reactnative@2.4.5 for bare React Native applications on Android and iOS.

You can begin locally with restricted development credentials. Before sharing or releasing the app, move reusable Cloud credentials behind the production credential boundary.

npm install mediasfu-reactnative@2.4.5

Build by operation​

TaskStart here
Secure create and joinReact Native room operations
Participants and media readinessObserve the room
Microphone, camera, remote media, and screen shareReact Native room operations
Switch devices and recover from permission failuresRecovery and media controls
Waiting, requests, moderation, chat, polls, and collaborationReact Native collaboration
Render supplied media nodes or own the stream UIScreen and rendered media
Build a WhatsApp-style application shellProduct recipes
Check exact typesReact Native API reference

Copy/paste starter​

import { ModernMediasfuGeneric } from 'mediasfu-reactnative';
import { createBackendRoomAdapters } from './secure-room-adapters';

const adapters = createBackendRoomAdapters(
appFetch,
'https://api.example.test/',
);

export function CallScreen() {
return (
<ModernMediasfuGeneric
connectMediaSFU
createMediaSFURoom={adapters.createMediaSFURoom}
joinMediaSFURoom={adapters.joinMediaSFURoom}
returnUI
/>
);
}

appFetch is your authenticated application HTTP client. The complete adapter is in the room-operations guide and sends only room intent to your backend.

Mobile release checks​

Test on physical Android and iOS devices: permission grant/denial, microphone, camera, remote playback, camera switching, speaker/Bluetooth routing, screen sharing, background/foreground, network loss, leave, and a second call after cleanup. A JavaScript test or emulator cannot prove native capture and routing.