Skip to content

Audio and Video Calls Javascript App

Ajša Terko edited this page Jan 1, 2024 · 1 revision

The Audio and Video Calls Showcase App demonstrates the use of the Infobip RTC Javascript SDK. It highlights features like:

  • making WebRTC calls (used to connect two WebRTC endpoints),
  • making phone calls (used to call a phone number and connect it to a WebRTC endpoint),
  • making room calls (used to join several endpoints to a single room),
  • utilizing the camera video and screen sharing capabilities,
  • managing the audio quality and the input audio device,
  • reconnecting when in a room call and the connection is interrupted, and more.

For developers seeking seamless integration, code samples are readily available in Angular, jQuery, and React.

1. (Prerequisite) Running the Token App

The prerequisite to running any Showcase Apps is running the Token App, available in both Node.js and Java.

Token App - Node.js: Guidance

Create config.json file in the ./token/node project directory, and fill it with data:

{  
  "HTTP_PORT": 8080,
  "INFOBIP_API_HOST": "api.infobip.com",
  "INFOBIP_RTC_TOKEN_PATH": "/webrtc/1/token",
  "INFOBIP_API_KEY": "YOUR_API_KEY"
}

Then in the ./token/node project directory:

  • install needed dependencies by running:
npm install
  • start the application by running:
npm start
Token App - Java: Guidance

Export the INFOBIP_API_KEY environment variable and set it to your Infobip API key.

In the ./token/java project directory, start the application by running:

mvn spring-boot:run

2. Running the Showcase App

Ensure that Node.js is installed on your computer.

In the corresponding project directory:

  • install needed dependencies by running:
npm install
  • start the application by running:
npm start

Once the application is successfully running, access it by opening a localhost URL in your web browser. This URL will show the application's user interface and functionality.

jQuery React Angular
http://localhost:8010 http://localhost:8020 http://localhost:8030

Audio and Video Calls

Application Calls

Data Channels

Clone this wiki locally