This React hook simplifies the creation and management of RTCPeerConnection for WebRTC communication within your React applications.
Insert gif or link to demo
Example code is given below
Assuming you have npm or yarn installed, run the following command in your terminal:
NPM
npm install use-rtc-peer-connection
YARN
yarn add use-rtc-peer-connection
Import the hook:
import { useRTCPeerConnection } from 'use-rtc-peer-connection';
Call the hook:
const { peerConnection, createOffer, setRemote, dataChannel, isOpen, data, iceCandidate } = useRTCPeerConnection({
offer: /* remote peer offer (optional) */,
configuration: /* RTCConfiguration options (optional) */
});
- offer: (optional) The SDP offer received from the remote peer, if applicable.
- configuration: (optional) An RTCConfiguration object to customize the peer connection configuration.
- peerConnection: The RTCPeerConnection object, or null if not yet initialized.
- createOffer: A function to create an offer description.
- setRemote: A function to set the remote description.
- dataChannel: The RTCDataChannel object for data transfer, or null if not yet established.
- isOpen: A boolean indicating whether the data channel is open.
- data: The data received through the data channel, or null if no data has been received.
- iceCandidate: The latest generated ICE candidate, or null if none available.
Contributions are welcome! Please refer to the contribution guidelines: https://github.com/basil-github/react-use-rtc-peer-connection.git for more information.