Add Video Chat to Your Firebase App With a Few Steps
Published on December 5, 2022

Video Express?

Video Express was built on top of the Vonage Video API to help quickly create a multiparty video conference application. This JavaScript library abstracts some nitty-gritty details, such as keeping track of publishers and subscribers, and applies optimizations into a “room.”

Firebase?

Firebase is an application development platform that offers hosting, authentication, real-time databases, analytics, and many more services. It is backed by Google.

Firebase x Vonage Video Express extension?

Firebase announced Extensions that help developers "build an app quickly and easily." Vonage Video Express also wants to shorten the time it takes to add video chat to an application. So we created and released an extension.

How it works.

After installing the extension in a Firebase application, when a developer creates a room in Cloud Firestore, the extension will use Cloud Functions to generate the credentials needed to participate in the video chat via Vonage Video Express.

Getting Started.

On the Vonage side, you’ll need to have an account and a project created as well as enable the Video Express add-on. For information on how to do this, please consult the Video Express documentation

For Firebase, an account and project will also be required. In that project, both Cloud Functions and Cloud Firestore must be enabled.

There are a couple of ways to start the installation of the Vonage Video Express extension.

Using the Firebase CLI in your Firebase project directory, run the following:

firebase ext:install vonage/firestore-vonage-video-express --project=projectId_or_alias

By following this link to the Firebase Console, you’ll be able to select the project you want to install the extension.

Next, you’ll enter some information (selecting deployment location, Vonage credentials, etc.) and accept some terms to set up the extension.

Then the extension will start installing into the project. That’s it!

But wait... There’s more!

We also include a sample application to demonstrate the extension in action. There’s a link under the “How this extension works” tab of the extension’s page to test it out in your project. Just enter the config object, and it’s up and running.

Video

If you are more of a visual person, here is a video walkthrough of installing the Vonage Video Express extension into a Firebase application.

# Giving it a try?

As always, we welcome any questions, comments, and feedback. We want to hear about your experience with the extension. Feel free to post in our Community Slack Channel. If you are on Twitter, follow the VonageDev account to receive the latest updates.

Dwane HemmingsJavaScript Developer Advocate

Ready to start building?

Experience seamless connectivity, real-time messaging, and crystal-clear voice and video calls-all at your fingertips.

Subscribe to Our Developer Newsletter

Subscribe to our monthly newsletter to receive our latest updates on tutorials, releases, and events. No spam.