Skip to main content

React Native Live Guest Queue Tutorial

Build an audience room with mediasfu-reactnative@2.4.0. The app selects the package’s MediasfuWebinar room for waiting, speaking requests, presenter media, audience rendering, chat, polls, screen share, and exit.

Prerequisites​

  • Node.js 22.11 or newer and an Android or iOS development environment.
  • An HTTPS signed-in app backend that applies guest-admission and presenter rules.

Project files​

Use the complete React Native starter app. It contains every file needed for this package. On its first screen, choose Live guest queue; 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

For local development only, use a revocable app-session token with the supplied authority server. For distribution, use your normal authenticated session and backend-held MediaSFU credentials.

Run​

cd my-mediasfu-app
npm install
npm run android

Expected result​

Open Live guest queue as a host and audience member. A request is displayed through the webinar experience, and the room state—not a local label—confirms when someone becomes a presenter.

Recovery​

  • Preserve a pending request through reconnect and show a clear denial or retry state.
  • If admission is rejected, leave the person in the audience rather than changing their role locally.
  • Handle camera permission independently of chat and room navigation.

Cleanup​

On exit, clear queued requests, cached participants, timers, and subscriptions. The backend owns admission history and room authority retention.