/react-native-webrtc-vb

The WebRTC module for React Native with virtual background

Primary LanguageJavaMIT LicenseMIT

React Native WebRTC

React-Native-WebRTC

npm version npm downloads Discourse topics

A WebRTC module for React Native.

Feature Overview

Android iOS macOS Windows* Web* Expo*
Audio/Video ✔️ ✔️ ✔️ - ✔️ ✔️
Data Channels ✔️ ✔️ ✔️ - ✔️ ✔️
Screen Capture ✔️ ✔️ ✔️ - ✔️ ✔️
Plan B ✔️ ✔️ ✔️ - ✔️ ✔️
Unified Plan* - - - - - -

Windows - We don't currently support the react-native-windows platform at this time.
Anyone interested in getting the ball rolling? We're open to contributions.

Web - The react-native-webrtc-web-shim project provides a shim for react-native-web support.
Which will allow you to use (almost) the exact same code in your react-native-web project as you would with react-native directly.

Expo - Sadly this module is not available in the Expo Go app by default due to including much needed native code. However you can get things working via the expo-dev-client library and out-of-tree config-plugins/react-native-webrtc package.

Unified Plan - Currently in development but expected to be released sometime in the near future.
Plan B will remain default until adequate support and testing has been completed.

WebRTC Revision

  • Currently used revision: M100
  • Supported architectures
    • Android: armeabi-v7a, arm64-v8a, x86, x86_64
    • iOS: arm64, x86_64 (for bitcode support, run this script)
    • macOS: x86_64

Getting Started

Use one of the following preferred package install methods to immediately get going.
Don't forget to follow platform guides below to cover any extra required steps.

npm: npm install react-native-webrtc --save
yarn: yarn add react-native-webrtc

Guides

Example Projects

We have some very basic example projects included in the examples directory.
Don't worry, there are plans to include a much more broader example with backend included.

Community

Come join our Discourse Community if you want to discuss any React Native and WebRTC related topics.
Everyone is welcome and every little helps.

Related Projects

Looking for extra functionality coverage?
The react-native-webrtc organization provides a number of packages which are more than useful when developing Real Time Communication applications.