Video on Canvas Getting Cropped in New v2.1.0 Update

Video SDK Web
1

Issue: Video in Preview is Cropped When Using the New Preview Feature in v2.1.0

I am encountering an issue with the Zoom Video SDK while implementing the preview feature. I’m using the documentation available under the Preview Camera section in the Zoom Video SDK Web documentation.

Issue Details

Previously, I was rendering the preview video using a Canvas element with background blur enabled and a Video tag when background blur was disabled. This setup worked okay, and the video was displayed as expected in both scenarios.

After updating to v2.1.0, I replaced my implementation with the following custom tags as per the new setup:

<video-player-container class="local-preview-container">
  <video-player id="local-preview-video"></video-player>
</video-player-container>

After this change, I noticed that the video in the preview is being cropped in both cases:

  1. When background blur is enabled.
  2. When background blur is not enabled.

Possible Related Issue

I believe this behavior may be related to an existing issue reported in the Zoom Developer Forum under the title: “Zoom Video SDK Crops the Video Preview with SharedArrayBuffer Enabled.”

Note

I have also tried replacing the Video and Canvas elements in the Zoom Video SDK Web Sample repository available on GitHub. The exact same issue is observed in this sample implementation as well.

1 Like
2

Hey @tigran

Thanks for your feedback.

The Video SDK Web sample app is updated, could you help try it again?

Hint:
To enable the video player during a local run, add useVideoPlayer=1 as a query parameter in the URL.

Thanks
Vic

3

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