# Zoom angular sdk showing black screen

**URL:** <https://devforum.zoom.us/t/zoom-angular-sdk-showing-black-screen/60050>\
**Category:** Web\
**Created:** [November 10, 2021, 8:42am UTC](https://devforum.zoom.us/t/zoom-angular-sdk-showing-black-screen/60050 "2021-11-10T08:42:56Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![somnath.pahari](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/somnath.pahari/32/32532_2.png) [@somnath.pahari](https://devforum.zoom.us/u/somnath.pahari)\
**Post date:** [November 10, 2021, 8:42am UTC](https://devforum.zoom.us/t/zoom-angular-sdk-showing-black-screen/60050/1 "2021-11-10T08:42:56Z")

</div>

Hi,  
I am trying to integrate zoom angular SDK version 2.0.1 in a fresh angular application angular cli 12.1.0

I have done all steps in the link [https://devsupport.zoom.us/hc/en-us/articles/360060333351-How-to-use-the-Web-Meeting-SDK-in-an-Angular-App](https://devsupport.zoom.us/hc/en-us/articles/360060333351-How-to-use-the-Web-Meeting-SDK-in-an-Angular-App)

Update required changes in angular.json as well but still showing blank screen. No error in console as well. Please help me fix this issue. When i’m running downloaded builds from meetingsdk-sample-angular github it is working fine

[Screenshot from 2021-11-10 14-07-04|690x388](https://devforum.zoom.us/uploads/short-url/kkrpQz8shznldPLw0H1MCVxW8ie.png)

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [November 15, 2021, 7:34pm UTC](https://devforum.zoom.us/t/zoom-angular-sdk-showing-black-screen/60050/2 "2021-11-15T19:34:18Z")

</div>

Hey @somnath.pahari,

Thank you for reaching out to the Zoom Developer Forum. What browser are you using when you see this issue?

Have you followed our guide on [Improving Web SDK Performance](https://marketplace.zoom.us/docs/sdk/overview/improve-performance)? It’s possible this is happening because the SDK is defaulting to a less efficient API.

Let me know if that helps.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![somnath.pahari](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/somnath.pahari/32/32532_2.png) [@somnath.pahari](https://devforum.zoom.us/u/somnath.pahari)\
**Post date:** [November 17, 2021, 8:46am UTC](https://devforum.zoom.us/t/zoom-angular-sdk-showing-black-screen/60050/3 "2021-11-17T08:46:08Z")

</div>

Hey @MaxM ,

I am using google chrome Version 94.0.4606.81, and the issue is occurring after the installation and basic integration only that is defining ZoomMtg.preLoadWasm();  
ZoomMtg.prepareJssdk(); also [GitHub - zoom/meetingsdk-sample-angular: Use the Zoom Meeting SDK in an Angular App](https://github.com/zoom/meetingsdk-sample-angular) works fine on the same browser. Please let me know if you need any other settings information.

Thanks,  
Somnath

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [November 19, 2021, 8:55pm UTC](https://devforum.zoom.us/t/zoom-angular-sdk-showing-black-screen/60050/4 "2021-11-19T20:55:12Z")

</div>

Hey @somnath.pahari,

Thank you for confirming! It sounds like this could be related to an implementation detail but it is difficult to say what without being able to review the code.

As a first step, I would make sure that your code is similar to what is found in that sample app - as much as possible that is. That should help to rule out any variables.

From there, I would also make sure that you aren’t adding a div with the ID of zmmtg-root. This should avoid any conflicts from the SDK.

Also, just to clarify, are you using the Client View or Component View?

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![somnath.pahari](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/somnath.pahari/32/32532_2.png) [@somnath.pahari](https://devforum.zoom.us/u/somnath.pahari)\
**Post date:** [December 6, 2021, 7:24am UTC](https://devforum.zoom.us/t/zoom-angular-sdk-showing-black-screen/60050/5 "2021-12-06T07:24:50Z")

</div>

Hey @MaxM ,

I am using Client View, and using Angular CLI 12.1.3

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [December 10, 2021, 11:34pm UTC](https://devforum.zoom.us/t/zoom-angular-sdk-showing-black-screen/60050/6 "2021-12-10T23:34:16Z")

</div>

Greetings @somnath.pahari,

To verify that the changes were applied to your site, can you enter the following in your browser console and share a screenshot :

```auto
typeof SharedArrayBuffer ==='function'

```

I will keep an eye out for your reply.

Best,  
Donte

---

<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:** [January 10, 2022, 9:34am UTC](https://devforum.zoom.us/t/zoom-angular-sdk-showing-black-screen/60050/7 "2022-01-10T09:34:19Z")

</div>

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