Skip to main content
Version: 0.1.x

Run a Sample 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

Get your API key and Secret key

This guide will help you to generate API key and secret from dashboard.

  • API Key is unique identifier used to authenticate a user calling to Video SDK API.
  • Secret Key cryptography relies on using the same key to encode and then later decode a message. Thus, only those who know the "secret" can read the message.

Step 1. Generate API Key from Dashboard​

Go to Video SDK Dashboard, navigate to API Keys. Click on ADD NEW button to generate your own API key and Secret for the project.

Video SDK Home Dashboard

Step 2. Enter your Project Name​

Enter your project name as shown below. Project name will help you to organise API keys and secrets for multiple projects and environments.

Video SDK Home Dashboard

Step 3. Use API key / Secret or Token​

After submitting your project name, you can follow either of two paths:

  1. Development Env: You can just click on Generate Token and get started with the project setup.
  2. Production Env: For production, please setup authentication server to authenticate and authorize all the users.

Video SDK Home Dashboard

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-native-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 dependecies all the project dependencies.

npm install

Step 5: Run the Sample App​

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

npm run start