The New Webex Meetings Widget

January 13, 2022
Omar Elrafei
Omar ElrafeiSenior Product Manager
The New Webex Meetings Widget

Webex Widgets provide developers with the ability to include Webex native applications features directly into their web applications with just few lines of code. It is beneficial for use cases where faster integrations are needed where developers don’t want to worry about the user interface or user experience. We are excited to announce the release of the new Webex Meetings Widget. The Meetings Widget provide the developers with the ability to embed Webex meetings functionality into their web-based applications.

Meetings Widgets

Why Webex Meetings Widget?

Webex Meetings Widgets provide extensive flexibility...

Join Any Webex Meeting Type!

Join the particular type of Webex Meeting that satisfies your use case! The new widget provides the ability to join Webex meetings regardless of the meeting type. Using this widget, users can join any of the following meetings as: Space (1:1/group), Scheduled meetings, Personal meeting rooms and even call a cloud registered Webex device!

Different layouts

When initializing the widget, you will be able to set the video layout. We currently support the following layouts on the widget:

  • Grid
  • Focus
  • Prominent
  • Overlay
  • Stack

Responsive Design!

If your web application runs on mobile, tablet, and desktop browsers and you don't want to build a dedicated mobile application to join Webex meetings, then this widget is right for you. It was designed to be responsive which means not only a fast integration, but also the ability to adapt to your screen size on Desktop, Tablet, and Mobile for better user experience

Widget-mobile

Customization

Let us assume that you want your end users to use the widget to join a meeting, but at the same time you want to prevent the user from using screen sharing. The widget comes with ability to customize the controls, so that you can show/hide these controls based on your use case! Also, the widget comes with 2 themes, a dark and a light one.

Accessibility

Here in Webex, we think about all our users. The widget provides the following accessibility features:

  • Screen reader – We have labeled the different components on the widget for the browser screen readers to be able to read these labels to visually impaired users
  • Keyboard tabbing – You can use the keyboard to tab through the different widget controllers and settings

Media Devices Management & Screen Sharing

The widget provides users with the ability to select their media devices pre-meeting as well as mid-meeting, and lets you mute/unmute both your Microphone and Camera. Users will also be able to share their screens as well as view the shared screens of other participants. Please note that screen sharing is not supported on Mobile browsers due to OS limitations

Getting Started

We have written a quick start application that will allow you to get up and running with the new Meetings widget in no time! The setup is a basic site that utilizes the implicit grant flow available for Webex Integrations. Then, after authorizing the application, a meeting destination is entered and the Meeting Widget opens to that destination. Webex meeting destinations can be an email address, user ID, room ID, or SIP address.

You can view the source code of the starter application here: https://github.com/WebexSamples/webex-meeting-widget-starter.

Meetings Widget Vidcast

Checkout a quick Vidcast showing the Meeting Widget in action:

 

Your Feedback Matters

If you have feedback, suggestions, or you are encountering issues using the Meetings widget, please reach out to our support team https://developer.webex.com/support, and we will be very happy to help!