Wrong aspect ratio for first renderVideo

Video SDK Web
1

This is the state where the smartphone user’s first startVideo is executed with two users participating. The aspect ratio is strange.

The second startVideo is displayed with the expected aspect ratio.

what’s the problem?

const startVideoOptions: CaptureVideoOption = {
  ptz: mediaStream?.isBrowserSupportPTZ(),
  originalRatio: true,
  hd: true,
};
await mediaStream?.startVideo(startVideoOptions);

useEffect(() => {
  (async() => {
    if (!(mediaStream && videoRef.current && isVideoDecodeReady && otherUser)) {
      return
    }
    const canvasElement = videoRef.current
  
    if (otherUser?.bVideoOn) {
      await mediaStream.renderVideo(canvasElement, otherUser.userId, 0, 0, 0, 0, VideoQuality.Video_720P)
    } else {
      await mediaStream.stopRenderVideo(canvasElement, otherUser.userId);
    }
  })()
}, [mediaStream, otherUser, isVideoDecodeReady]);

Which Web Video SDK version?
“@zoom/videosdk”: “1.7.5”

Device:

  • Device: MacBook Pro
  • OS: macOS 13
  • Browser: Chrome
  • Browser Version 112.0.5615.137

output

2

Hi @r.kita ,

I want to make sure I clearly understand what’s going on; the user is seeing a distorted ratio view on their smartphone or Macbook Pro? If it’s on the smartphone, are they experiencing the same issue when joining from a browser?

Thanks,
Rehema

3

Hi @Rehema,

Attached is the browser screen on the smartphone side.

The first is when there are two users.

output_2_uesrs

The second is for a single user.
output_1_user

Thanks

4

Updating to v1.7.7 solved the problem. thank you very much!

1 Like