Clarification on Full UI Customization Capability in Zoom Meeting SDK (Web v4.0.7)

Video SDK UI ToolKit
1

Hello Zoom Developer Support Team,

We are integrating the Zoom Meeting SDK for Web (v4.0.7) in a Next.js (v14) React application. We are currently evaluating the feasibility of implementing a fully custom meeting UI using both:

  1. Client View

  2. Component View

After inspecting the exposed SDK client methods, we see only the following available methods (67 total), including: init, join, mute, stopAudio, updateVideoOptions, leaveMeeting, setViewType, etc.

However, we do not see explicit APIs such as:

 1. startVideo()

 2. stopVideo()

 3. startAudio()

updateVideoOptions() appears to configure video layout/settings but does not actually control camera state.

Our Customization Requirements :

We would like clarification on whether the following are officially supported in the Web Meeting SDK:

                1. Full UI refactor with completely custom layout

                2. Custom mute / unmute button with full programmatic control

                3. Custom start / stop video button

                4. Custom speaker control UI

                5. Custom camera PTZ control icons

                6. Custom reactions UI and custom positioning

                7. Custom placement of Leave button

                8. Complete replacement of Zoom chat interface with custom message UI

Key Question

Is it technically possible to:

   1. Hide all default Zoom UI controls

   2. Build our own custom UI

   3. Fully control audio/video state programmatically using SDK APIs

   4. Or is the Web Meeting SDK limited in this regard?

If full UI customization is not supported, could you please clarify:

What level of UI customization is officially supported?

Whether deeper media control APIs are available under Component View?

If there is any recommended approach for complete UI control?

Thank you for your clarification.

2

Hi @AboveCloud9 The out of box web meeting sdk is intended for quick embedded development and deployment of Zoom Meetings in the browser. Because of this, the actual UI customizability is very limited. There are options such as adding buttons in the component view and hacky ways I’ve seen where you alter UI by modifying the underlying css, however support for that from my team is limited.

The Video SDK is our fully customizable offering where you have complete control over the UI. We have many sample apps of different use cases you can reference on our GitHub as well as the open sourced UIToolkit which is a prebuilt video sdk solution to get you started quickly.