Skip to content
This repository has been archived by the owner on May 27, 2022. It is now read-only.

This code sample demonstrates a one-to-one and group video call application built with Video SDK RTC Prebuilt SDK and Video SDK RTC JS SDK

Notifications You must be signed in to change notification settings

videosdk-live/videosdk-rtc-react-prebuilt-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Video SDK No Code Prebuilt App for React.

THIS REPO is DEPRECATED. Please refer to https://github.com/videosdk-live/videosdk-rtc-prebuilt-examples

What is it?

This code sample demonstrates a one-to-one and group video call application built with Video SDK RTC Prebuilt SDK and Video SDK RTC JS SDK

  • Built for serverless video calling experience.
  • Scale it upto 5,000 participants with low code.
  • 10,000 minutes free on monthly basis.
  • Inbuilt video and audio quality optimization.
  • Inbuilt chat poll, whiteboard, Q and A support.

Features

  • Completely Low code and serverless.
  • Video API with real-time audio, video and data streams
  • 5,000+ participants support
  • Chat support with rich media.
  • Screen sharing with HD and Full HD.
  • Play realtime video in meeting
  • Connect it with social media such as Facebook, Youtube etc (RTMP out support).
  • Intelligent speaker switch
  • Record your meetings on cloud
  • Inbuilt support of whiteboard, poll and Q & A.
  • Customize UI as per your needs.

Browser Support

Visit our official guide for Browser Support

Prerequisites

  • node.js
  • npm

Getting started

  1. Clone the repo

    git clone https://github.com/videosdk-live/videosdk-rtc-react-prebuilt-example.git
    cd videosdk-rtc-react-prebuilt-example
  2. Copy the .env.example file to .env file.

    cp .env.example .env
  3. Update api key generated from app.videosdk.live in .env.

    REACT_APP_VIDEOSDK_API_KEY="<API KEY>"
    
  4. (optional) You can also change meetingId and name of participant in App.js.

    //...
    
    const meetingId = "milkyway";
    const name = "Demo User";
    
    //...
  5. Install NPM packages

    npm install
  6. Run the client

    npm run start

Resources

Visit, https://www.videosdk.live/ to generate API key and secret.