Suggestion to make UI toolkit mobile browser friendly

[wenjiesha (Victor)]

Video SDK Type and Version
“@zoom/videosdk-ui-toolkit”: “^2.2.0-1”

Description
Video meeting UI in mobile chrome browser is clipped to the bottom, and browser keep popping message such as “Camera allowed”

Any suggestion on making videosdk-ui-toolkit mobile browser friendly?

[ticorrian.heard (Ticorrian)]

Hi @wenjiesha I can assist here. Can you please post images of the UI discrepancies that you’re seeing?

[wenjiesha (Victor)]

Thanks for the quick reply!

The video view is clipped, and generally not easy to use

I don’t have the permission to upload photo or link yet. So below is the

d r i v e.g o o g l e.c o m/file/d/1damDadO050IEINDQ_WDTXb2-UXrOuP7o/view?usp=drive_link

[wenjiesha (Victor)]

Any suggestion? @ticorrian.heard

Can you share some sample code for ui toolkit usage on mobile browser on iphone or ipad?

[ticorrian.heard (Ticorrian)]

Hi Victor, the video session of the uitoolkit will take up the entire window space by default. Depending on the available width and height of the container, this can compact your view and affect the layout. Can you try editing your code to only include the uitoolkit component in your session window? The layout would look like the attached picture.

Also I do see the “Camera access allowed” message each time the camera is turned on. I think this may be the uitoolkit requesting access each time the camera is on instead of it asking at the initial join. I will bring this back to uitoolkit team and get more info.