Vonage Video API Reference App for React

The Vonage Video API Reference App for React is a feature rich reference multi-party video application, built using React and the Vonage Video API. It demonstrates how to integrate the Video API for video calling functionalities, providing a useful example for how to add web calling to your applications.

Application Features

The application provides several features including:

Create and join meetings: Create and join meetings with up to 25 participants.

The homescreen of the Vonage Video API Reference App for React, showing buttons for creating or joining a room.

Input and output devices: Select which camera, microphone, and speaker you want to use for the meeting, and apply special effects such as background blur or noise suppression.

Call Recordings: Start and stop recording at any point in the call, and download the recording(s) from the 'Goodbye' screen once the call has ended.

A screenshot showing a call that's ended, with a list of recordings that are available to download.

Presentation tools: Use tools such as screen sharing to share your entire screen, a window, or a specific tab.
Engagement tools: Talk with other participants using the chat function, and engage further using emoji reactions.

A screenshot showing some example chat messages, as well as the available emoji reactions.

Active speaker detection: Upon speaking, hidden participants are displayed prominently.
Participant hiding: When a participant leaves, the display is rearranged so hidden participants can be seen.
Participant list: Toggle the participant list on and off to see a full list of who is in the call, if they have their microphone enabled, and the URL to join the meeting.

Getting Started

The GitHub repository containing the reference application can be found here, including a README on how to run the project.