Skip to main content

React Native Remote Podcast Tutorial

Build a host-and-guest studio with mediasfu-reactnative@2.4.0. The Conference room provides participant state, local and remote media, device controls, chat, screen share, recording controls, leave, and host end.

Prerequisites​

  • Node.js 22.11 or newer, Android Studio or Xcode, and physical audio-route testing.
  • An HTTPS signed-in backend that authorizes hosts and guests.

Project files​

Use the complete React Native starter app. It contains every file needed for this package. On its first screen, choose Remote podcast; the supplied room opens through the secured application backend.

npx @react-native-community/cli@20.1.0 init my-mediasfu-app --version 0.86.2
cd my-mediasfu-app

The temporary local token is an app credential only. Production and distributed builds use your signed-in backend; reusable MediaSFU credentials are never bundled.

Run​

cd my-mediasfu-app
npm install
npm run android

Expected result​

Choose Remote podcast, join host and guest devices, verify both audio directions, then test camera, screen sharing, leave, and the authorized end-room flow.

Recovery​

  • Verify capture permission and the device audio route before reconnecting.
  • If one direction of audio fails, leave the room connected while the affected person retries media.
  • Show recording state only after the room confirms it; storage and downloads are backend features.

Cleanup​

Clear app-held meters, timers, tracks, subscriptions, and drafts after leave or host end. The backend applies the recording and room-retention policy.