# VideoSDK React SDK π
Build fast, scalable, and customizable real-time video applications for the web using **VideoSDK**.
Whether youβre creating a video conferencing app, virtual classroom, or live streaming platform, VideoSDK provides a robust foundation with minimal setup.
---
## Why VideoSDK?
VideoSDK enables developers to ship production-grade real-time communication features quickly.
- Supports **5,000+ participants**
- Low-latency audio, video, and data streams
- Fully customizable UI and workflows
- Works across modern browsers
- Designed for scale and reliability
---
## π Browser Support
VideoSDK supports all major modern browsers.
π Full compatibility guide:
https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/supported-browser
---
## π― Live Demo
Try the live demo to see VideoSDK in action:
https://demo.videosdk.live/conference-meeting/
---
## βοΈ Installation
Get started by installing `@videosdk.live/react-sdk` in your React application.
**Using npm**
```bash
npm install @videosdk.live/react-sdk
```
**Using yarn**
```bash
yarn add @videosdk.live/react-sdk
```
---
## π₯ Meeting Features
Unlock a suite of powerful features to enhance your meetings:
| Feature | Documentation | Description |
|--------|---------------|-------------|
| π **Pre-call Setup** | [Setup Precall](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/setup-call/precall) | Configure audio, video, and device preferences before joining a meeting. |
| β³ **Waiting Lobby** | [Waiting Lobby](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/setup-call/waiting-lobby) | Hold participants in a virtual lobby until theyβre allowed to join. |
| π€ **Join Meeting** | [Join Meeting](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/setup-call/join-meeting) | Join a meeting with a single action. |
| πͺ **Leave Meeting** | [Leave Meeting](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/setup-call/leave-end-meeting) | Exit the meeting safely without disrupting others. |
| π€ **Microphone Control** | [Mute / Unmute Mic](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/handling-media/mute-unmute-mic) | Toggle your microphone during the meeting. |
| π· **Camera Control** | [Camera On / Off](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/handling-media/on-off-camera) | Enable or disable your camera stream. |
| π₯οΈ **Screen Sharing** | [Screen Share](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/handling-media/screen-share) | Share your entire screen or a specific window. |
| πΈ **Image Capture** | [Image Capture](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/handling-media/image-capturer) | Capture images from participant video streams, ideal for Video KYC use cases. |
| π **Change Input Devices** | [Switch Input Devices](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/handling-media/change-input-device) | Switch between available audio and video input devices. |
| π **Audio Output Selection** | [Switch Audio Output](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/handling-media/change-audio-ouptut-device) | Select a preferred speaker or output device. |
| βοΈ **Track Optimization** | [Custom Tracks](https://docs.videosdk.live/react/api/sdk-reference/custom-tracks) | Optimize media tracks for better quality and performance. |
| π¬ **In-meeting Chat** | [PubSub Chat](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/collaboration-in-meeting/pubsub) | Exchange real-time messages using a publishβsubscribe model. |
| π **Whiteboard** | [Whiteboard](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/collaboration-in-meeting/whiteboard) | Collaborate visually using a shared whiteboard. |
| π **File Sharing** | [File Sharing](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/collaboration-in-meeting/upload-fetch-temporary-file) | Share files securely during the meeting. |
| πΌ **Recording** | [Recording](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/recording/Overview) | Record meetings for later playback and auditing. |
| π‘ **RTMP Livestreaming** | [RTMP Livestream](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/live-streaming/rtmp-livestream) | Broadcast meetings live to platforms like YouTube or Facebook. |
| π **Real-time Transcription** | [Live Transcription](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/transcription-and-summary/realtime-transcribe-meeting) | Generate real-time transcripts during meetings. |
| π **Remote Media Control** | [Remote Media Control](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/control-remote-participant/remote-participant-media) | Control the microphone and camera of remote participants. |
| π« **Mute All Participants** | [Mute All](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/control-remote-participant/mute-all-participants) | Instantly mute all participants in the meeting. |
| ποΈ **Remove Participant** | [Remove Participant](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/control-remote-participant/remove-participant) | Remove a participant from the meeting. |
---
## π§ͺ Sample Application
Explore a fully functional React example that demonstrates real-world implementation of the VideoSDK:
π https://github.com/videosdk-live/videosdk-rtc-react-sdk-example