Version: 0.2.x

Quick Start - Prebuilt

Prebuilt SDK enables the opportunity to integrate real-time video & audio communication SDK without writing explicit code. It just requires 10 minutes to integrate.

It supports all the modern frameworks such as plain JavaScript, React JS, Vue, and Angular.

Prerequisites

important

One should have a VideoSDK account to generate token. Visit our Dashboard to generate token

Implementing Meeting with Prebuilt VideoSDK

Create an index.html file and add the following <script> tag at the end of your code's <body> tag. Initialize VideoSDKMeeting after the script gets loaded.

index.html
<script>
  var script = document.createElement("script");
  script.type = "text/javascript";

  script.addEventListener("load", function (event) {
    const config = {
      name: "Demo User",
      meetingId: "milkyway",
      apiKey: "<API KEY>",

      containerId: null,

      micEnabled: true,
      webcamEnabled: true,
      participantCanToggleSelfWebcam: true,
      participantCanToggleSelfMic: true,

      chatEnabled: true,
      screenShareEnabled: true,

      /*

     Other Feature Properties
      
      */
    };

    const meeting = new VideoSDKMeeting();
    meeting.init(config);
  });

  script.src =
    "https://sdk.videosdk.live/rtc-js-prebuilt/0.2.6/rtc-js-prebuilt.js";
  document.getElementsByTagName("head")[0].appendChild(script);
</script>

Run and Test

Install any HTTP server if you don't already have one and run the server to join the meeting from the browser.

Node.js
Python
PHP
WAMP
XAMPP

$ npm install -g live-server
$ live-server --port=8000

and open http://localhost:8000 in your web browser

$ python3 -m http.server

and open http://localhost:8000 in your web browser

$ php -S localhost:8000

and open http://localhost:8000 in your web browser

Move the HTML file to C:\wamp\www and start the WAMP server

and open http://localhost/index.html in your web browser

Move the HTML file to C:\xampp\htdocs and start the XAMPP server

and open http://localhost/index.html in your web browser

Prebuilt SDK Example to add video call widget in your web application

tip

Stuck anywhere? Check out this example code on GitHub or download the full source code and unzip on your computer.

Got a Question? Ask us on discord

Prerequisites​

Implementing Meeting with Prebuilt VideoSDK​

Run and Test​

Prerequisites

Implementing Meeting with Prebuilt VideoSDK

Run and Test