Participants List render video issue

Video SDK Web
1

Description
Video is not render properly of Participant list users.
Error
Video is not render properly of Participant list users.

Which Web Video SDK version?
“@zoom1234/videosdk”: “^1.1.0”,

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

  1. First member join the zoom video meeting
  2. Second member also join the zoom meeting
  3. First member can’t see render video of second participant
  4. Second member can see render video of first participant

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

Device (please complete the following information):

  • Device: [e.g. HP Laptop]
  • OS: [e.g. ubuntu 20.04]
  • Browser: [e.g. Chrome]
  • Browser Version [e.g. 88.0.4324.150 (Official Build) (x86_64)]

Additional context
Add any other context about the problem here.

2

Hey @sohail.sarfaraz

Thanks for your feedback.

Could you provide detailed information about this issue? Pseudocode is preferred.

Thanks
Vic

3

Hey @vic.yang

Thanks for your reply, I am sending you pseudo code and screen shoot of canvas.
Still canvas is not showing video.
useEffect(() => {
const getRender = async () => {
if (mediaStream && videoRef.current && isVideoDecodeReady) {
if (activeVideo) {
/**
* Can not specify the width and height of the rendered video, also applied to the position of video.
* Passing these arguments just for consistency.
*/
await mediaStream?.renderVideo(
videoRef.current,
activeVideo,
canvasDimension.width,
canvasDimension.height,
0,
0,
VideoQuality.Video_90P,
);
} else if (activeVideo === 0 && previousActiveVideo) {
await mediaStream?.stopRenderVideo(
videoRef.current,
previousActiveVideo);
}
}
}
getRender();
}, [
mediaStream,
activeVideo,
previousActiveVideo,
isVideoDecodeReady,
canvasDimension,
videoRef,
videoRef.current,
]);

video_canvas
video_canvas1274×306 61.9 KB

4

Hey @sohail.sarfaraz ,

Make sure you are rendering the correct users video stream by passing in the second users userId.

https://marketplace.zoom.us/docs/sdk/video/web/essential/video#render-video

Also make sure you have a canvas to render each users video stream.

Let me know if that helps! :slight_smile:

Thanks,
Tommy

5

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