Kloudless Blog

Kloudless Unified APIs enable you to code once and integrate many

We are all in unprecedented times. Due to the outbreak of COVID-19, commonly referred to as the Coronavirus, many of us are sheltered in place and doing our best to keep up on our lives and work in a time where normalcy is a foreign word.

Those of us in the tech industry are blessed to be able to remotely perform our work duties, but our heart aches for those out there that have had their careers and livelihood upended. As a company with offices on two separate continents, we know the effect that this pandemic has had on the world at large, and we wish all of you out there the best in navigating these troubled times.

Because of the strange times we find ourselves in, we wanted to put together a recurring series of articles aimed at tackling some of the questions we get regarding the tools and APIs that have been thrust into the forefront of all of our daily lives. This Quarantine Chronicles series will cover tech questions and guides regarding many of the programs some of you out there are being forced to learn quickly, or use daily.

Without further ado, let’s jump into the first entry of our series with a piece about incorporating the conferencing client star of the moment: Zoom.

What is Zoom?

Zoom Video Communications is a remote conferencing service based out of San Jose, California. Quickly vaulting itself to the forefront of its sector, Zoom has become one of the most popular clients for online meetings, chat, and mobile collaboration. Despite some security concerns that have presented themselves as of recently, Zoom has thrived due to its reliability and ease of use when compared to similar software. Zoom also enjoys a simple and easy to navigate UI that makes it a very good choice for meetings with more than a handful of attendees.

Zoom is enjoying a massive spike in popularity at the moment, due in no small part to the shelter in place guidelines we all find ourselves in at the moment. It has become the most used conferencing client in schools around the world, as teachers and educators lead classes entirely online. 

Embedding Zoom in Your App

As a result of Zoom’s newfound popularity, web developers all around the world are scrambling to embed Zoom conferencing directly into their applications. While Zoom is primarily used inside of their own standalone client, it is possible to embed a stream of a Zoom meeting into HTML and allow users to attend meetings directly inside of an application. The process is straightforward and simple and can be done within an iframe that houses a meeting’s ID.

Once a meeting is set up in Zoom, a {meeting-id} is generated that can be entered into the official Zoom client to attend the meeting. This {meeting-id}, which consists of a unique string of letters and numbers, is all a web developer needs to embed a stream of the Zoom meeting into their application.

The correct iframe code with the parameters necessary to embed a stream looks like so:

The src=”https://success.zoom.us/wc/join/{meeting-id}” will automatically source the stream to the meeting in session for attendees and allow them to attend. To ensure that attendees can use their computer’s built-in microphone and camera, make sure that you insert the necessary allow=”microphone; camera” into the iframe. All other parameters are simply for styling, and as with all iframes, your application’s underlying CSS can be styled to make the stream stylistically in line with the rest of your application.

That’s all there is to it. Once a meeting is generated, either dynamically insert or hardcode the {meeting-id} into your iframe and enjoy the same functionality you would find in the official Zoom client into your application. To learn more, please consult the Zoom API documentation, or read about how to create a meeting with the Zoom API.

Stay Safe!

That’s it for the first edition of the Quarantine Chronicles, and we look forward to bringing you more tips and guides to make your shelter in place as stress-free and accommodating as possible. We may all be social distancing, but in these trying times, we hope to try to bring people together as best we can. We might make Unified APIs, but we’re all about unifying people as well.

We hope you and everyone you care about are safe and well, and we wish you the best going forward. To reach out with any ideas for topics on future editions of the Quarantine Chronicles, please contact us at hello@kloudless.com

Categories:

Share this article:

Let’s get started. Start building for free today.