Vonage Video API Reference App for React

How to deploy?

Click on the Deploy code option and input your instance name. Then click next and you will have your application deployed.

What is it?

The Vonage Video API Reference App for React is an open-source video conferencing reference application for the Vonage Video API using the React framework.

The Reference App demonstrates the best practices for integrating the Vonage Video API with your application for various use cases, from one-to-one and multi-participant video calling to recording, screen sharing, reactions, and more. To download the source code or see the full documentation, please refer to the Github repository

Why use it?

The Vonage Video API Reference App for React provides developers an easy-to-setup way to get started with using our APIs with React.

The application is open-source, so you can not only get started quickly, but easily extend it with features needed for your use case. Any features already implemented in the Reference App use best practices for scalability and security.

As a commercial open-source project, you can also count on a solid information security architecture. While no packaged solution can guarantee absolute security, the transparency that comes with open-source software, combined with the proactive and responsive open-source community and vendors, provides significant advantages in addressing information security challenges compared to closed-source alternatives.

This application provides features for common conferencing use cases, such as:

• A landing page for users to create and join meeting rooms.
• A waiting room for users to preview their audio and video device settings and set their name before entering a meeting room.
• A post-call page to navigate users to the landing page, re-enter the left room, and display archive(s), if any.

• A video conferencing “room” supporting up to 25 participants and the following features:

• Input and output device selectors.

• Background blur and noise suppression toggles.

• Composed archiving capabilities to record your meetings.
• In-call tools such as screen sharing, group chat function, and emoji reactions.

• Active speaker detection.

• Layout manager with options to display active speaker, screen share, or all participants in a grid view.

• The dynamic display adjusts to show new joiners, hide video tiles to conserve bandwidth, and show the “next” participant when someone previously speaking leaves.

• Ability to mute other participants during the meeting.
• Call participant list with audio on/off indicator.

• Meeting information with an easy-to-share URL to join the meeting.

Platforms Supported

The Vonage Video API Reference App for React is currently supported on the latest release versions for the following browsers:

• Google Chrome
• Firefox
• Microsoft Edge
• Opera
• Safari
• Electron

Note: Mobile web views have limited supported at the moment.

Code of Conduct

Please read our Code of Conduct.

Getting Involved

If you wish to contribute to this project, read how in Contributing.

Known Issues

We track known issues in Known Issues. Please refer to it for details.

Report Issues

If you have any issues, feel free to open an issue or reach out to support via support@api.vonage.com.