Run Audio & Video Call Project - React Native

VideoSDK provides an open-source sample project videosdk-rtc-react-native-sdk-example on Github. This document introduces how to run the project.

Prerequisites

• React Native version 0.59.10 or later
• Node version 10 or later
• Valid Video SDK Account
• For Android
  • Java Development Kit (JDK) version 8 or later
  • Android Studio (latest version recommended)
  • A physical or virtual mobile device running Android version 5.0 or later
• For iOS
  • Xcode version 9.4 or later
  • CocoaPods
  • A physical or virtual mobile device running iOS version 9.0 or later

Generate Token

To manage secured communication, every participant that connects to a meeting needs an access token. You can easily generate this token by using your apiKey and 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.

tip

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-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

Modify the file by pasting the previously generated temporary token here.

.env

REACT_APP_VIDEOSDK_TOKEN = "TEMPORARY-TOKEN";

Step 4: Install the dependencies

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
npm android
npm ios