Run a Sample ILS Project - React
Video SDK provides an open-source sample project videosdk-hls-react-sdk-example on Github. This document introduces how to run the project.
- React Js version 16 or later
- Node version 10 or later
- Valid VideoSDK Account
To manage secured communication, every participant that connects to a meeting needs an access token. You can easily generate this token by using your
secret-key, which you can obtain from the VideoSDK Dashboard.
For development purpose, you can generate a temporary token from VideoSDK Dashboard's API section.
The best practice for obtaining a token involves 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-hls-react-sdk-example.git
Step 2: Copy the
.env.example file to
Open your favorite code editor and copy
cp .env.example .env;
Step 3: Modify
Modify the file by pasting the previously generated temporary token here.
REACT_APP_VIDEOSDK_TOKEN = "TEMPORARY-TOKEN";
Step 4: Install the dependencies
Install all the project dependencies.
Step 5: Run the Sample App
Bingo, it's time to push the launch button!
npm run start
Got a Question? Ask us on discord