@videosdk.live/react-sdk
v0.1.103
Published
<h1 align="center"> <img src="https://static.videosdk.live/videosdk_logo_website_black.png"/><br/> <p align="center"> Video SDK React App<br/> <a href="https://videosdk.live/">videosdk.live</a> </p> </h1>
Downloads
52,020
Readme
Features
- Video API with real-time audio, video and data streams
- 5,000+ participants support
- Chat support with rich media.
- Screen sharing with HD and Full HD.
- Play realtime video in meeting
- Connect it with social media such as Facebook, Youtube etc (RTMP out support).
- Intelligent speaker switch
- Record your meetings on cloud
- Customise UI and built other rich features with our new data streams such as whiteboard, poll, Q & A etc.
Browser Support
Visit our official guide for Browser Support
Demo App
Check out demo here
Prerequisites
You must have the following installed:
- Node.js v12+
- NPM v6+ (comes installed with newer Node versions)
Setup
@videosdk.live/react-sdk
wraps up our @videosdk.live/js-sdk
into usable hooks APIs. It simplifies code and concept for react-js
Install the library in React
The easiest way to get started is by installing @videosdk.live/react-sdk
in your app.
From npm package:
npm install @videosdk.live/react-sdk
From yarn package:
yarn add @videosdk.live/react-sdk
Import the library in your app
react-sdk
provides two most important hook useMeeting
and useParticipant
. it also provides MeetingProvider
and MeetingConsumer
to listen changes in meeting state and events.
import {
MeetingProvider,
useMeeting,
useParticipant,
MeetingConsumer,
} from "@videosdk.live/react-sdk";
Documentation
Check the components and their usage in our documentation.
Quick Start
Check the Quick Start guide to our documentation.
Try it out
Run the Code sample to see it in action.