Hey everyone, We are working on a feature where we...

# javascript

[Irfan]

Hey everyone,
We are working on a feature where we enable 2-way video conversation among participants similar to zoom. The screenshot above shows our in-meeting user interface. We are using zoom’s video sdk and one of the recommendations from zoom is that draw all visible tiles(member videos) on a single canvas with pagination options. So if there are 20 participants in a meeting then 8 participants’ videos are to be rendered on screen and there will be pagination options. I am very new in web app development and my spidy sense tells me that it requires some CSS wizardry and co-coordinate system knowledge. Can someone suggest to me how should i go about it?

[andylamax]

Since you are drawing on Canvas You can bypass css all together and calculate the video coordinates and bounds altogether