zoom / videosdk-ui-toolkit-web

The Zoom Video SDK UI toolkit is a prebuilt video chat user interface powered by the Zoom Video SDK.
https://www.npmjs.com/package/@zoom/videosdk-ui-toolkit
Other
8 stars 6 forks source link

Support group people #5

Closed tuanbht closed 2 months ago

tuanbht commented 6 months ago

HI Zoom dev team,

I hope this message finds you well. I am writing to express my appreciation for the toolkit you have developed. It has proved to be extremely useful for 1 on 1 video calls.

However, I have noticed that the current version of the toolkit does not support group calls. I believe that the addition of this feature would greatly enhance the toolkit's functionality and expand its usability, catering to scenarios that involve multiple participants.

With this in mind, I wanted to inquire about any upcoming plans to incorporate group call support in the toolkit. Are there any ongoing developments or future plans to add this feature? If so, could you provide an estimated timeline for when this feature might be available?

tommygaessler commented 6 months ago

Hey @tuanbht , glad to hear you like the Zoom Video SDK UI Toolkits!

To answer your question, the UI toolkit does support group use cases. You can have up to 1,000 users join, however, the current video layout only supports rendering 2 videos at a time, the active speaker video and your own (self) video.

We are working on an update to the UI toolkit to render up to 9 videos at a time, a 3x3 grid, and then an update to render up to 25 videos at a time, a 5x5 grid.

Since the Video SDK itself already supports rendering up to 25 videos on a webpage, the work we are doing on the UI toolkit is just the layout logic and design.

Stay tuned!

jtbirney commented 5 months ago

I would also love to be able to use the ui-toolkit for group videos. Do you have a timeline for adding this?

tommygaessler commented 5 months ago

Hey @jtbirney , we should have gallery view out soon, targeting the next week or so.

JudeAlquiza commented 3 months ago

Hi guys, I just tested the UI toolkit and its exactly what we need right now :) its working fine, but just want to check if you have timeline to support the group layout for 3 or more users ? :)

Thanks in advance :)

tommygaessler commented 3 months ago

Hey @JudeAlquiza , we have completed Gallery View and will be releasing the next version very soon.

In the meantime, you can test it here in our pre release branch: https://videosdk.dev/uitoolkit-canvas-gallery/

Bhumitpachani commented 3 months ago

Hey @tommygaessler , Please release new version or example code

perichin commented 3 months ago

Hey @tommygaessler, pre release branch looking great, any news on the release date?

phuthao commented 3 months ago

@tommygaessler , release it please 😎

tommygaessler commented 2 months ago

Hey @perichin , @JudeAlquiza , @jtbirney , @tuanbht ,

Great news, we have released Gallery View yesterday! Please upgrade to the latest version and make sure SharedArrayBuffer is enabled in your environment.

NPM: https://www.npmjs.com/package/@zoom/videosdk-ui-toolkit Docs: https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/

Best, Tommy

jtbirney commented 2 months ago

@tommygaessler Thanks for the update. I just was testing this. When I upgrade, I'm seeing the button, but when I click Gallery I just get a blank white screen. I've checked that SharedArrayBuffer is enabled. All I see in the console is some messages about start and stop animation. Is there anything else I should check?

tommygaessler commented 2 months ago

Can you share a screenshot and the device and browser info and version please @jtbirney ?

jtbirney commented 2 months ago

Version: 1.10.8-1 Device: MacBook Pro, Apple M2 Pro, macOS 14.4.1 (23E224) Browser: Google Chrome Version 123.0.6312.124 (Official Build) (arm64) Camera: Anker PowerConf C200

Default Mode: Screenshot 2024-04-16 at 9 42 47 AM Gallery Mode: Screenshot 2024-04-16 at 9 42 56 AM

If I switch back to default mode, it does return to the first screenshot.

tommygaessler commented 2 months ago

Thanks for the details @jtbirney . Can you share that console error, I can't see the top of it.

By the way, I just tried on my M1 mac, Chrome Version 123.0.6312.124 (Official Build) (arm64) and was not able to reproduce this issue:

Screenshot 2024-04-16 at 10 08 48 AM

Are you in a custom chromium? Also, make sure your CSS is not hiding the videos.

Guppiya2010 commented 2 months ago

-I encountered the same problem as @jtbirney. not show layout when click gallery. (Web Video SDK) -Framework: Vuejs (vuetify)) -Version: 1.10.8-1 -Device:Window10 -Browser: Google Chrome Version 124.0.6367.79 (Official Build) (arm64) gallery

tommygaessler commented 2 months ago

@Guppiya2010 , can you please share the browser console errors?

Guppiya2010 commented 2 months ago

@tommygaessler The problem has been fixed. There are 2 methods that work for me (edit CSS). 1.edit z-index #video-container or elementID video-container or 2.edit background or background-color to none. thank you

tommygaessler commented 2 months ago

Thanks for sharing @Guppiya2010 , glad you got it sorted.

Was it your CSS that was conflicting with the UI Toolkit, or is there something we can adjust to make it work better for you?