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.

``javascript
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.

`javascript

`

To be like the following.

`javascript

`

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.