Imagine you could simply control a web page opened in a browser (master) from an other page in an other browser (remote), just like you would with a TV and a remote.
webrtc-remote-control lets you do that (based on PeerJS) and handles the disconnections / reconnections, providing a simple API.
npm install peerjs @webrtc-remote-control/react
This package relies on @webrtc-remote-control/core (the implementation in vanillaJS). Other implementations for popular frameworks are available here.
Add the peerjs library as a script tag in your html page. You'll have access to Peer
constructor.
<script src="https://unpkg.com/peerjs@1.4.6/dist/peerjs.min.js"></script>
Direct link to the demo source code: App.jsx / Master.jsx / Remote.jsx
TypeScript types are shipped with the package.
Don't want to use a bundler ? You can simply use the UMD (Universal Module Definition) build and drop it with a script tag, you'll have access to a webrtcRemoteControlReact
object on the window
.