Make a Video Call in 5 minutes with UIKit for Web | React.js & Tencent RTC

This tutorial shows you how to use React.js to quickly implement an audio and video call demo on the Web within 5 minutes, and ultimately implement 1v1 call and group call video call functions, while also including a complete UI, such as muting, turning the camera on and off, zooming in and out of the screen, etc.

If you would like to see the demo in action, check out the demo of the code in action on this Youtube video, a step-by-step tutorial.

Prerequisites

• Node.js, if you do not have the Node.js environment, please click to download.
• Modern browser, supporting WebRTC API.
• A code editor — I like to use VSCode.
• A developer account with Trtc.io.

Step 1. Download Demo

1. Open the terminal and input the command to clone the repository.

git clone https://github.com/Tencent-RTC/TUICallKit.git

2. Install Dependencies

cd ./TUICallKit/Web/basic-react

npm install