Angular Integration with JS Web SDK

tommy · March 18, 2020, 9:11pm

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

Thanks,
Tommy

inclusify · March 29, 2020, 6:43pm

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.

tommy · March 30, 2020, 7:02pm

Hey @inclusify,

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

github.com

zoom/websdk-sample-angular/blob/master/angular.json#L25


"options": {
  "outputPath": "docs",
  "index": "src/index.html",
  "main": "src/main.ts",
  "polyfills": "src/polyfills.ts",
  "tsConfig": "tsconfig.app.json",
  "aot": false,
  "assets": [
    "src/favicon.ico",
    "src/assets",
    {
      "glob": "**/*",
      "input": "./node_modules/@zoomus/websdk/dist/lib/",
      "output": "./node_modules/@zoomus/websdk/dist/lib/"
    }
  ],
  "styles": [
    "node_modules/@zoomus/websdk/dist/css/bootstrap.css",
    "node_modules/@zoomus/websdk/dist/css/react-select.css",
    "src/styles.css"
  ],

This object bundles the required web sdk files.

Thanks,
Tommy

inclusify · March 30, 2020, 8:22pm

@tommy
Thanks.It worked using your solution

tommy · March 30, 2020, 11:52pm

Happy to hear!

-Tommy

WebWorker · April 3, 2020, 7:27am

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

vidyapreps · April 3, 2020, 12:54pm

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

tommy · April 3, 2020, 2:35pm

Hey @vidyapreps, @WebWorker,

We are working to get the Zoom Web Client and Zoom Web SDK back online. Please keep up with our status page for detailed updates: 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

WebWorker · April 3, 2020, 4:44pm

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?

vidyapreps · April 3, 2020, 6:38pm

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,

tommy · April 3, 2020, 8:02pm

Hey @vidyapreps,

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

-Tommy

tommy · April 3, 2020, 8:03pm

Hey @WebWorker,

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

-Tommy

vidyapreps · April 5, 2020, 1:03pm

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.

tommy · April 6, 2020, 5:55pm

Hey @vidyapreps,

The 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

Thanks,
Tommy

vidyapreps · April 22, 2020, 9:29pm

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. Please advice.

Thanks,
Vidyapreps

tommy · April 23, 2020, 9:29pm

Hey @vidyapreps,

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

Thanks,
Tommy

vidyapreps · April 26, 2020, 5:04am

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.

vidyapreps · April 27, 2020, 2:50am

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

tommy · April 27, 2020, 8:40pm

Hey @vidyapreps,

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

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

Thanks,
Tommy

vidyapreps · April 28, 2020, 1:58pm

Hi Tommy,
We are facing following issues:

Tool Bar below list of participants for Mute All, UnMute All etc is not visible
More option is not working and so option to select spotlight video, make co-host etc are not available
The voice echos if more than 1 user talks
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

Topic		Replies	Views
Zoom angular sdk showing black screen Web	6	1244	January 10, 2022
Zoom web sdk v1.9.1, I am trying to put the zmmtg-root inside a component (Angular) Web	2	711	June 4, 2021
Not able to start meeting using web meeting sdk component view Web api	15	1084	March 1, 2023
Zmmtg-root appanded to body Web	3	1861	August 21, 2020
Getting black screen with no errors on integrating with angular application Web	26	4070	October 26, 2020

Angular Integration with JS Web SDK

Related Topics