Run a Sample Conference Project

Video SDK provides open-source sample project videosdk-rtc-react-sdk-example on Github. This document introduces how to run this project.

Prerequisites

• React Js 16 or later
• Node 10 or later
• Valid Video SDK Account

Generate Token

To manage secured communication, every participant that connects to meeting needs a access token. You can easily generate these token by using your apiKey and secret-key which you can get from VideoSDK Dashboard.

For developement purpose, you can generate a temporary token from VideoSDK Dashboard's API section.

tip

The best practice for getting token includes you generating it from your backend server which will help in keeping your credentials safe.

Run the Sample Project

Step 1: Clone the sample project

Clone the repository to your local environment.

git clone https://github.com/videosdk-live/videosdk-rtc-react-sdk-example.git

Step 2: Copy the .env.example file to .env file.

Open your favorite code editor and copy .env.example to .env file.

cp .env.example .env;

Step 3: Modify .env file

Paste earlier generated temporary token here.

.env

REACT_APP_VIDEOSDK_TOKEN = "TEMPORARY-TOKEN";

Step 4: Install the dependecies

Install all the project dependencies.

npm install

Step 5: Run the Sample App

Bingo, it's time to push the launch button.

npm run start