Vdotok JS One-to-Many Broadcast

This is a demo project to demonstrate “One-to-Many Broadcast” using Angular 9+.

Live Demo

Click here to visit the live demo of VdoTok one-to-many group call.

Prerequisites:

• Node v16.x.x or later
• npm v7.x.x or later
• git version any

To verify the version of Node and npm, open Terminal/Console window and run node -v and npm –v. Old versions produce errors.

Click here to download and install the latest versions of Node and npm.

Click here to download and install the latest versions of git .

We recommend nvm for managing multiple versions of node and npm.

Setting up the local environment

To install Angular on your local system, you need the following:

Node

Angular requires an active LTS or maintenance LTS version of Node. For more information on installing Node, see nodejs.org. If you are unsure what version of Node runs on your system, run node -v in a Terminal window.

npm package manager

Angular, the Angular CLI, and Angular applications depend on npm packages for various features and functions. To download and install npm packages, you need an npm Package Manager. This guide uses the npm client command line interface, which is installed with Node by default. To check that you have the npm client installed, run npm -v in a terminal window.

Install the Angular CLI

The Angular CLI is used to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.

To install the Angular CLI, open a terminal window (ctrl + shift + c) and run the following command:

   npm install -g @angular/cli

You can also visit Angular Setup for more information.

Clone Repo

• Clone this Repository URL into new Project folder (e.g., my-proj)

    git clone https://github.com/vdotok/JS-one2many.git

• Move from your current directory i-e, my-proj to the JS-one2many directory

    cd JS-one2many

Sign up to get credentials i.e Project ID, and API URL.

Register at VdoTok to get Project ID and API URL, by following the below steps:

1. Click on this link -> https://vdotok.com in your browser.

2. Click on the "TRY FOR FREE" button, this will navigate to Sign Up page, where the User is required to enter the following information: First Name > Last Name > Email > Country > Password. Select Sign Up For Free button

3. After successfully signing up with VdoTok, the user navigates to the main Dashboad of VDOTOK where the user can find the ProjectID, and Api url.

4. The User can replace the existing ProjectID with their own ProjectID, as shown in the point # 2 in the below screen.

Add PROJECT ID and API URL

To integrate one-2-many call with JS Call SDK, the user can update the projectID by following these steps:

• Go to the file ( JS-ONE2MANY -> src -> constants -> const.ts ).

• Replace the PROJECT_ID constant with your project ID.

Base URL

The user is required to update API-Base-URL with their own base URL. This can be done by following these steps:

• Go to environment.prod.ts file, ( JS-ONE2MANY -> src -> environments -> environment.prod.ts ), and replace the apiBaseUrl with your BaseUrl

• Go to environment.ts file, ( JS-ONE2MANY -> src -> environments -> environment.ts ), and replace the apiBaseUrl with your BaseUrl

Install npm packages

Please refer to the above-stated npm and nvm version notes.

• Run the following command to install all the dependencies:

  npm install

• Now run the following command to run the project:

  ng serve

• Open your browser, your application is running at http://localhost:4200

• Create New Account using Sign-up Form, and use the application

How to Generate Build:

Run the below command to generate a “build”:

  npm run build

Integrate SDK in your project:

To setup audio/video call in your project please follow the detailed documentation here

Click on this link -> https://doc.vdotok.com/