react-native-webrtc-web-shim
react-native-webrtc-web-shim copied to clipboard
Web Shim for React Native WebRTC
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.