react-native-webrtc-web-shim

React-Native-WebRTC-Web-Shim

Add support for react-native-web to a react-native-webrtc app.

Getting Started

Use one of the following preferred package install methods to immediately get going.

npm: npm install react-native-webrtc-web-shim --save
yarn: yarn add react-native-webrtc-web-shim
pnpm: pnpm install react-native-webrtc-web-shim

Extra Required Steps

Import directly from our library instead of react-native-webrtc.

import {
  RTCPeerConnection,
  RTCIceCandidate,
  RTCSessionDescription,
  RTCRtpTransceiver,
  RTCRtpReceiver,
  RTCRtpSender,
  RTCErrorEvent,
  MediaStream,
  MediaStreamTrack,
  mediaDevices,
  permissions,
  registerGlobals,
  RTCView,
} from 'react-native-webrtc-web-shim';

When displaying the RTCView component make sure to give it the stream object as a prop instead of streamURL, you'll then be using an HTML5 video element on your Web app.

Simply change this.

<RTCView streamURL={stream.toURL()} />

To be like the following.

<RTCView stream={stream} />

You don't need toURL as that is handled for you.

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.