# Unable to render 25 participants in angular

**URL:** <https://devforum.zoom.us/t/unable-to-render-25-participants-in-angular/106849>\
**Category:** Web\
**Created:** [March 31, 2024, 10:42am UTC](https://devforum.zoom.us/t/unable-to-render-25-participants-in-angular/106849 "2024-03-31T10:42:40Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![kishan1](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kishan1/32/50085_2.png) [@kishan1](https://devforum.zoom.us/u/kishan1)\
**Post date:** [March 31, 2024, 10:42am UTC](https://devforum.zoom.us/t/unable-to-render-25-participants-in-angular/106849/1 "2024-03-31T10:42:40Z")

</div>

@tommy  
Hi,  
I’m experiencing difficulty rendering more than 5 participants (4 remote, 1 local) simultaneously on the web zoom video sdk. I am working in **Angular**  
instance.client  
.init(‘en-US’, ‘Global’, {  
stayAwake:true,  
patchJsMedia: true,  
enforceMultipleVideos: true,  
})  
what to do unable to understand?

---

<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:** [April 1, 2024, 2:20am UTC](https://devforum.zoom.us/t/unable-to-render-25-participants-in-angular/106849/2 "2024-04-01T02:20:59Z")

</div>

Hey @kishan1

Thanks for your feedback.

In order to render videos of 25 participants on the page, enabling SharedArrayBuffer is a prerequisite, as mentioned in the following documentation.

> **[Video SDK - web - SharedArrayBuffer](https://developers.zoom.us/docs/video-sdk/web/sharedarraybuffer/)**
>
> The Zoom Developer Platform is an open platform that allows third-party developers to build applications and integrations upon Zoom’s video-first unified communications platform.

Thanks  
Vic

---

<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:** [April 1, 2024, 3:52pm UTC](https://devforum.zoom.us/t/unable-to-render-25-participants-in-angular/106849/3 "2024-04-01T15:52:58Z")

</div>

Hey @kishan1 ,

Also, if you are unable to enable SharedArrayBuffer, in the next release you should be able to render more than 5 videos using `enforceMultipleVideos: true`

Best,  
Tommy

---

<div class="post-metadata">

**Author:** ![kishan1](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kishan1/32/50085_2.png) [@kishan1](https://devforum.zoom.us/u/kishan1)\
**Post date:** [April 2, 2024, 4:38am UTC](https://devforum.zoom.us/t/unable-to-render-25-participants-in-angular/106849/4 "2024-04-02T04:38:00Z")

</div>

@tommy  
Hi,  
I am able to render 25 videos but it is working only on HTTP. When attempting to render videos over HTTPS, I encounter errors. . It’s likely due to mixed content policies, security configurations, or browser restrictions.

node\_modules\coi-ser…erviceworker.js:113 COOP/COEP Service Worker failed to register: DOMException: Failed to register a ServiceWorker for scope (‘[https://localhost:4200/](https://localhost:4200/)’) with script (‘[https://localhost:4200/scripts.js](https://localhost:4200/scripts.js)’): An SSL certificate error occurred when fetching the script.

And also when i host my product on mobile. It also does not working.  
for **mobile** it is showing error -  
when running on http - ERROR TypeError: Cannot use ‘in’ operator to search for ‘getDisplayMedia’ in undefined  
at get isSupportSendScreenSharing (index.umd.js:1:104714)

---

<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:** [April 2, 2024, 5:26am UTC](https://devforum.zoom.us/t/unable-to-render-25-participants-in-angular/106849/5 "2024-04-02T05:26:35Z")

</div>

Hey @kishan1

> ERROR TypeError: Cannot use ‘in’ operator to search for ‘getDisplayMedia’ in undefined

To utilize the audio/video functionality, the page needs to be within a secure context. You can check the console for corresponding warning prompts.

> The page is not in a secure context, to use audio, video, screen, a secure context must be enabled.

> **[Secure contexts - Security on the web | MDN](https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts)**
>
> A secure context is a Window or Worker for which certain minimum standards of authentication and confidentiality are met. Many Web APIs and features are accessible only in a secure context. The primary goal of secure contexts is to prevent MITM...

Thanks  
Vic

---

<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:** [May 2, 2024, 3:27pm UTC](https://devforum.zoom.us/t/unable-to-render-25-participants-in-angular/106849/6 "2024-05-02T15:27:12Z")

</div>

Closed on May 2, 2024, 3:27pm UTC

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