Customising the video screen

Hi - Is there a way we can customise the participant UI? In the new ui kit, we are not able to control the canvas size? For eg in a teacher - student class, I would like the teacher video to be bigger for student and other way for the teacher. The previous UI it could have been done but now it does not seem to be possible, both participants are horizontal. Would request any advice on this

With the new UI kit it’s limited but going custom with your own video containers, you can fully control sizes like before.

1 Like

Thanks Craig…is it straight forward with multiple device support or can it get complex…

hi @Pramod1 ,
There is no easy way to do this with standard Zoom.
It would be hard to do this as an app and the app would have to run on every zoom device.
why can you not use the 2nd screen option and then you can have two people spotlighted. You don’t need a second monitor to use this option anymore.
Akk the best

John

It can get a bit tricky with multiple devices but with testing, you can for sure make it work smoothly

Thanks John…can we spotlight 2 people only using Zoom UI Kit…we are running a telehealth service where we are looking to have patient - doctor in most cases…but something may have a nurse/family member too making it 3 people…

@Pramod1 ,

Ok, lets simplfy this.
if I used the standard Zoom App.
I can spotlight people
I can make overlays in the video screen of my feed, called camera view
So the staff could have name badges added to their video event using the standard Zoom!

In the UI kit, lay everything out the way you want.
You can add and remove any buttons.
If you know how big the canvas is, or better still, set it, you are going to know where and how big any spotlight is and be able to position graphics to cover it.
You can check the participants and see if their video is on or off.

Did anyone ever tell you that most of the Zoom app is just webpage renders?
You just need to track the actions you want to monitor and then choose the layout responses.

Personally, I would suggest you try some of the core methods in a standard Zoom marketplace app so you can concentrate on the interaction and then take it to UI

Maybe another developer has a different approach?

All the best

John

I’ve run into the same issue with the new UI kit seems like the canvas size controls are more limited now. Hoping the dev team adds more customization options soon, especially for scenarios like teacher-student layouts. Meanwhile, maybe some CSS tweaks could help, but not ideal. Would love to hear if anyone has a workaround.

Yes, there are two canvas settings for Zoom.
The Camera View and the immersive view.
The camera view is for your camera, but will also show when your video is shared with others
Immersive view is your view of everything.

You could put an app on all users and then have control of all Camera Views.

All the best

John