Receiving blurred video while rendering receiver video in the canvas

[praneethram.namala (Praneeth)]

Description
When I tried to render the receiver video in a canvas with 720p resolution using the most recent version of the video SDK, 1.4.0, the video was noticeably blurry on the receiver area. My local video was rendered in a video tag, which was of good quality. Consequently, is it possible to render the high-quality video?

Which Web Video SDK version?
I was using video SDK version 1.4.0

Video SDK Code Snippets
stream.renderVideo(receiverCanvas, userId, 1280, 720, 0, 0, 3);

To Reproduce(If applicable)
Steps to reproduce the behavior:

1. When ever the participant joined the room the video was blurred

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

Device Information:

• Device: Laptop
• OS: Linux
• Browser: Chrome
• Browser Version : Version 99.0.4844.84 (Official Build) (64-bit)

[vic.yang (Vic)]

Hey @praneethram.namala

Thanks for your feedback.

The video quality depends on many facts, such as the network, device performance, etc.

In the Video SDK, we provide the subscription of video statistics data, could you integrate it and check the detail?

Here is the reference:Stream | Zoom Video SDK for Web - 1.4.0

And some pseudo codes:

// the detail of the payload can refer to here 
// https://marketplacefront.zoom.us/sdk/custom/web/modules.html#event_video_statistic_data_change
client.on('video-statistic-data-change',(payload)=>{
  console.log(payload);
});
// subscribe to the video statistic data
stream. subscribeVideoStatisticData();

Thanks
Vic