# Angular Integration with JS Web SDK

**URL:** <https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621>\
**Category:** Web\
**Created:** [August 21, 2019, 11:26am UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621 "2019-08-21T11:26:29Z")\
**Posts on this page:** 20\
**Page:** 4

<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:** [March 18, 2020, 9:11pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/64 "2020-03-18T21:11:44Z")

</div>

Hey everyone, checkout the official Zoom Angular Web SDK sample app:

> **[zoom/websdk-sample-angular](https://github.com/zoom/websdk-sample-angular)**
>
> Use the Zoom Web SDK in an Angular App. Contribute to zoom/websdk-sample-angular development by creating an account on GitHub.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![inclusify](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/inclusify/32/4433_2.png) [@inclusify](https://devforum.zoom.us/u/inclusify)\
**Post date:** [March 29, 2020, 6:43pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/66 "2020-03-29T18:43:49Z")

</div>

Hello @tommy I read the thread above, but I am getting this error, on trying to follow the sample angular app. It shows up a black screen on the route and also shows this error at the browser console.

 ![Screen Shot 2020-03-29 at 12.42.53 PM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/8/8903aef70424debf778069247eb78bc7466f5bcb.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:** [March 30, 2020, 7:02pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/67 "2020-03-30T19:02:41Z")

</div>

Hey @inclusify,

Do you have the following object included in your angular.json file?

> <https://github.com/zoom/websdk-sample-angular/blob/master/angular.json#L25>

This object bundles the required web sdk files.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![inclusify](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/inclusify/32/4433_2.png) [@inclusify](https://devforum.zoom.us/u/inclusify)\
**Post date:** [March 30, 2020, 8:22pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/68 "2020-03-30T20:22:03Z")

</div>

@tommy  
Thanks.It worked using your solution

---

<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:** [March 30, 2020, 11:52pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/69 "2020-03-30T23:52:43Z")

</div>

Happy to hear! 🙂

-Tommy

---

<div class="post-metadata">

**Author:** ![WebWorker](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/webworker/32/4630_2.png) [@WebWorker](https://devforum.zoom.us/u/WebWorker)\
**Post date:** [April 3, 2020, 7:27am UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/70 "2020-04-03T07:27:09Z")

</div>

None of the options would work for iframe since its not same origin, or am I missing something?

---

<div class="post-metadata">

**Author:** ![vidyapreps](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vidyapreps/32/13595_2.png) [@vidyapreps](https://devforum.zoom.us/u/vidyapreps)\
**Post date:** [April 3, 2020, 12:54pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/71 "2020-04-03T12:54:43Z")

</div>

Hi,  
My application is build in AngularJS and it is integrated with zoom. The integration worked well till yesterday but now I just get black screen. Is there any change with the API or any patch that might be causing such issue. Please advice

Thanks

---

<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 3, 2020, 2:35pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/72 "2020-04-03T14:35:46Z")

</div>

Hey @vidyapreps, @WebWorker,

We are working to get the [Zoom Web Client](https://support.zoom.us/hc/en-us/articles/214629443-Zoom-web-client) and [Zoom Web SDK](https://marketplace.zoom.us/docs/sdk/native-sdks/web) back online. Please keep up with our status page for detailed updates: [status.zoom.us](http://status.zoom.us/)

> [@Developer impacting changes during COVID-19](https://devforum.zoom.us/t/developer-impacting-changes-during-covid-19/8930):
>
> [Developer impacting changes during COVID-19](https://devforum.zoom.us/t/developer-impacting-changes-during-covid-19/8930)Zoom Developer Documentation Survey Please take a few minutes to fill out the [Zoom Developer Docs survey](https://forms.gle/mHCNSZuWfsNDcyMc8) and let us know how we can assist you better with our docs. Your input will be invaluable in improving our documentation. Delayed responses by Zoom staff on developer forum due to volume of posts. Expect a reply in 24 hours on weekdays. What does this mean? During these tough times, we are seeing a massive increase in demand for our services. To …

* * *

The best workaround is to use the Zoom Desktop / Mobile app.

Just include the Zoom meeting join url (`https://zoom.us/j/meetingID`) on your site rather than showing the websdk / iframe. Clicking on the join url will open the Zoom meeting in the Zoom app.

Apologies for the inconvenience,  
Tommy

---

<div class="post-metadata">

**Author:** ![WebWorker](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/webworker/32/4630_2.png) [@WebWorker](https://devforum.zoom.us/u/WebWorker)\
**Post date:** [April 3, 2020, 4:44pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/74 "2020-04-03T16:44:52Z")

</div>

My question was in relation to Iframe. All options except webhooks are not possible with iframe due to cors, no? Or am I missing something related to cors setup?

---

<div class="post-metadata">

**Author:** ![vidyapreps](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vidyapreps/32/13595_2.png) [@vidyapreps](https://devforum.zoom.us/u/vidyapreps)\
**Post date:** [April 3, 2020, 6:38pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/75 "2020-04-03T18:38:31Z")

</div>

Thanks Tommy for your reply. When will the Zoom web Client / APIs will be back. My application is not getting response from Zoom APIs. Any time line.

Thanks,

---

<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 3, 2020, 8:02pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/76 "2020-04-03T20:02:02Z")

</div>

Hey @vidyapreps,

Sorry for the inconvenience, please see the note from the Manager of Developer Relations at Zoom.

> [@\[Resolved with 1.7.4+\] Web SDK / Web Client from browser: 403 Forbidden](https://devforum.zoom.us/t/webinar-from-browser-403-forbidden/10782/58):
>
> Hello everyone, Let me be the first to say we understand what kind of stress this is adding to your lives. For that, we can only offer our apologies and assurances that we are hard at work bringing up these services. It is a top priority for us. As you can imagine, we don’t want to provide false hope, and at the moment, we just don’t have enough information to share an accurate timeline. Senior leadership and I are closely monitoring this and will update the status page as we know more. I ap…

-Tommy

---

<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 3, 2020, 8:03pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/77 "2020-04-03T20:03:39Z")

</div>

Hey @WebWorker,

At this time embedding Zoom Web Client into iFrame will not work due to:

> [@Angular Integration with JS Web SDK](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/72):
>
> Hey @vidyapreps, @WebWorker, We are working to get the [Zoom Web Client](https://support.zoom.us/hc/en-us/articles/214629443-Zoom-web-client) and [Zoom Web SDK](https://marketplace.zoom.us/docs/sdk/native-sdks/web) back online. Please keep up with our status page for detailed updates: [status.zoom.us](http://status.zoom.us/) The best workaround is to use the Zoom Desktop / Mobile app. Just include the Zoom meeting join url (https://zoom.us/j/meetingID) on your site rather than showing the websdk / iframe. Clicking on the join url will open the Zoom meeting in the Zoom app. Apologies for the inconvenience, Tommy

-Tommy

---

<div class="post-metadata">

**Author:** ![vidyapreps](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vidyapreps/32/13595_2.png) [@vidyapreps](https://devforum.zoom.us/u/vidyapreps)\
**Post date:** [April 5, 2020, 1:03pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/78 "2020-04-05T13:03:16Z")

</div>

HI Tommy,  
Do you have any update regarding the web client availability. It’s more than 48 hours and the feature is still down. I am paid customer and my team has spend hours in integrating this functionality with the site but in this tough situation I am unable to support my customer. I am losing customer trust because of zoom’s poor service and incompetent product team. Please get this feature online asap and its affecting millions of Users.

Thanks.

---

<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 6, 2020, 5:55pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/79 "2020-04-06T17:55:16Z")

</div>

Hey @vidyapreps,

The [Zoom Web Client](https://support.zoom.us/hc/en-us/articles/214629443-Zoom-Web-Client) is back up.

Please see latest update here for the Web SDK:

[https://marketplace.zoom.us/docs/guides/getting-started/stay-up-to-date/upcoming-changes/web-sdk](https://marketplace.zoom.us/docs/guides/getting-started/stay-up-to-date/upcoming-changes/web-sdk)

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![vidyapreps](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vidyapreps/32/13595_2.png) [@vidyapreps](https://devforum.zoom.us/u/vidyapreps)\
**Post date:** [April 22, 2020, 9:29pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/80 "2020-04-22T21:29:01Z")

</div>

Hi Tommy,  
I have one question. Currently, I have used SDK for integrating Zoom with my application build using Angular. Zoom has to be started by host from Zoom app before the participants can join through my application. I want to check if the host can also join through my application without starting zoom by logging into Zoom App or [Zoom.us](http://Zoom.us). Please advice.

Thanks,  
Vidyapreps

---

<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 23, 2020, 9:29pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/81 "2020-04-23T21:29:18Z")

</div>

Hey @vidyapreps,

Yes, the host can start meetings with the Web SDK by setting the role to `1` instead of `0`.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![vidyapreps](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vidyapreps/32/13595_2.png) [@vidyapreps](https://devforum.zoom.us/u/vidyapreps)\
**Post date:** [April 26, 2020, 5:04am UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/82 "2020-04-26T05:04:10Z")

</div>

Thanks Tommy for your response. While setting up role value to 1, what additional information needs to be passed apart from Meeting Id and Password. Can you please share the input details for this API or the link for the API.

Thanks.

---

<div class="post-metadata">

**Author:** ![vidyapreps](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vidyapreps/32/13595_2.png) [@vidyapreps](https://devforum.zoom.us/u/vidyapreps)\
**Post date:** [April 27, 2020, 2:50am UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/83 "2020-04-27T02:50:47Z")

</div>

Hi Tommy,  
We are able to connect as host by passing the value of 1 for the role but the dropdown values for Chat, options to mute, unmute the participants, turn off camera of the participants are not working. Please advice.

Thanks

---

<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 27, 2020, 8:40pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/84 "2020-04-27T20:40:08Z")

</div>

Hey @vidyapreps,

Role 1 means that the user will be the host of the meeting, and has control of the meeting.

> [@vidyapreps](#):
>
> We are able to connect as host by passing the value of 1 for the role but the dropdown values for Chat, options to mute, unmute the participants, turn off camera of the participants are not working

What specifically isn’t working? Are there any errors in the browser console?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![vidyapreps](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vidyapreps/32/13595_2.png) [@vidyapreps](https://devforum.zoom.us/u/vidyapreps)\
**Post date:** [April 28, 2020, 1:58pm UTC](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621/85 "2020-04-28T13:58:00Z")

</div>

Hi Tommy,  
We are facing following issues:

1. Tool Bar below list of participants for Mute All, UnMute All etc is not visible
2. More option is not working and so option to select spotlight video, make co-host etc are not available
3. The voice echos if more than 1 user talks
4. If more than 10 participants join then the quality starts deteriorating. Is there limit on how participants can join the meeting if the integration is done through SDK.

Thanks,  
Vidyapreps

[Previous page](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621.md?page=3)

[Next page](https://devforum.zoom.us/t/angular-integration-with-js-web-sdk/5621.md?page=5)
