How can I get rid of the black margins on both sides of the canvas?

Video SDK Web
1

Description
For a web application, I was using the video SDK. I was able to render the videos in the canvas, however there were black edges on both ends of the canvas that I did not require. I want the video to be completely filled with no dark edges.

Browser Console Error
no errors in console

Which Web Video SDK version?
I was using the the zoom videosdk with version 1.2.3

Video SDK Code Snippets
stream.renderVideo(canvas, user.userId, 300, 200, 0, 0, 3);

Screenshots
If applicable, add screenshots to help explain your problem.

Device (please complete the following information):

  • Device: all devices
  • OS: linux, windows
  • Browser: Chrome,Firefox
  • Browser Version Version 99.0.4844.84 (Official Build) (64-bit)

Additional context
Add any other context about the problem here.

2

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

3

Hey @praneethram.namala

Thanks for your feedback.

We are working on the functions of getting rid of black bars when rendering the video in the non-16/9 aspect ratio. Please stay tuned.

Thanks
Vic