VidyoClient WebRTC Javascript Library

Native WebRTC SDK for building a full featured video chat app running in the browser

Installation

CDN

Via <script type="module"> tag:

<script type="module">
    import { VC } from 'https://cdn.jsdelivr.net/npm/vidyoclient-nativewebrtc-sdk/dist/VidyoClient.js';
    const vidyoConnector = await VC.CreateVidyoConnector({
      viewId: "renderer", // Div ID where the composited video will be rendered, see VidyoConnector.html;
      viewStyle: "VIDYO_CONNECTORVIEWSTYLE_Default", // Visual style of the composited renderer
      remoteParticipants: 8,     // Maximum number of participants to render
      logFileFilter: "debug@VidyoClient debug@VidyoSDP debug@VidyoResourceManager",
      logFileName: "",
      userData: 0,
      constraints: {}
    });
</script>

NPM

npm i --save vidyoclient-nativewebrtc-sdk

JS

import { VC } from "vidyoclient-nativewebrtc-sdk";

const vidyoConnector = await VC.CreateVidyoConnector({
  viewId: "renderer", // Div ID where the composited video will be rendered, see VidyoConnector.html;
  viewStyle: "VIDYO_CONNECTORVIEWSTYLE_Default", // Visual style of the composited renderer
  remoteParticipants: 8,     // Maximum number of participants to render
  logFileFilter: "debug@VidyoClient debug@VidyoSDP debug@VidyoResourceManager",
  logFileName: "",
  userData: 0,
  constraints: {}
});

Styles

import "vidyoclient-nativewebrtc-sdk/dist/VidyoClient.css"

or via CDN

<link href="https://cdn.jsdelivr.net/npm/vidyoclient-nativewebrtc-sdk/dist/VidyoClient.css" rel="stylesheet" crossorigin="anonymous">

Getting Started

Sample code

Examples

Full featured Video Conferencing Application