# Participants List render video issue

**URL:** <https://devforum.zoom.us/t/participants-list-render-video-issue/54157>\
**Category:** Web\
**Created:** [July 14, 2021, 8:35pm UTC](https://devforum.zoom.us/t/participants-list-render-video-issue/54157 "2021-07-14T20:35:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![sohail.sarfaraz](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/sohail.sarfaraz/32/29126_2.png) [@sohail.sarfaraz](https://devforum.zoom.us/u/sohail.sarfaraz)\
**Post date:** [July 14, 2021, 8:35pm UTC](https://devforum.zoom.us/t/participants-list-render-video-issue/54157/1 "2021-07-14T20:35:08Z")

</div>

**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.

---

<div class="post-metadata">

**Author:** ![vic.yang](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vic.yang/32/24656_2.png) [@vic.yang](https://devforum.zoom.us/u/vic.yang)\
**Post date:** [July 16, 2021, 2:04am UTC](https://devforum.zoom.us/t/participants-list-render-video-issue/54157/2 "2021-07-16T02:04:41Z")

</div>

Hey @sohail.sarfaraz

Thanks for your feedback.

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

Thanks  
Vic

---

<div class="post-metadata">

**Author:** ![sohail.sarfaraz](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/sohail.sarfaraz/32/29126_2.png) [@sohail.sarfaraz](https://devforum.zoom.us/u/sohail.sarfaraz)\
**Post date:** [July 16, 2021, 4:27am UTC](https://devforum.zoom.us/t/participants-list-render-video-issue/54157/3 "2021-07-16T04:27:12Z")

</div>

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](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/7/9/7989b988b9dbfab9f14ec7b01019a575aa3e60eb.png)

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [July 16, 2021, 7:07pm UTC](https://devforum.zoom.us/t/participants-list-render-video-issue/54157/4 "2021-07-16T19:07:07Z")

</div>

Hey @sohail.sarfaraz ,

> [@sohail.sarfaraz](#):
>
> First member can’t see render video of second participant

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](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! 🙂

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [August 16, 2021, 5:07am UTC](https://devforum.zoom.us/t/participants-list-render-video-issue/54157/5 "2021-08-16T05:07:30Z")

</div>

Closed on August 16, 2021, 5:07am UTC

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