# Query for Web SDK Integration with Angular 7

**URL:** <https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819>\
**Category:** Web\
**Created:** [September 9, 2019, 6:32am UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819 "2019-09-09T06:32:34Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![gourav](https://avatars.discourse-cdn.com/v4/letter/g/278dde/32.png) [@gourav](https://devforum.zoom.us/u/gourav)\
**Post date:** [October 1, 2019, 6:17am UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/22 "2019-10-01T06:17:35Z")

</div>

Hi @tommy,  
Please check my attached screenshot and using iframe code.

 ![Screenshot%20from%202019-09-30%2013-59-43](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/d/d0ddb1d7f3f8c06375071f6f661744d3f386669d.png)

Thanks,  
Gourav Pal

---

<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:** [October 1, 2019, 3:33pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/23 "2019-10-01T15:33:23Z")

</div>

Hey @gourav,

Please share your iFrame code so I can debug.

I believe the issue is you have `success` in front of your iFrame url like `https://success.zoom.us`. If so remove the success sub domain and make sure your url looks like this:

```auto
https://zoom.us/wc/meetindId/join?prefer=1&un=asdf

```

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![gourav](https://avatars.discourse-cdn.com/v4/letter/g/278dde/32.png) [@gourav](https://devforum.zoom.us/u/gourav)\
**Post date:** [October 24, 2019, 7:26am UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/24 "2019-10-24T07:26:02Z")

</div>

> [@gourav](#):
>
> role

Hi @tommy,  
I am not able to join meeting useing role = 0 in meetConfig, always receiving fail pop up on screen. In browser console receiving “The meeting id is wrong”.  
Please suggest.  
Thanks  
Gourav Pal

---

<div class="post-metadata">

**Author:** ![michael\_p.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/michael_p.zoom/32/18105_2.png) [@michael\_p.zoom](https://devforum.zoom.us/u/michael_p.zoom)\
**Post date:** [October 24, 2019, 9:13pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/25 "2019-10-24T21:13:56Z")

</div>

Hi @gourav,

What is the meeting ID? Since it’s 0, that means that you are the attendee, is the meeting already started or have join before host enabled?

Thanks

---

<div class="post-metadata">

**Author:** ![digsoftech9](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/digsoftech9/32/2364_2.png) [@digsoftech9](https://devforum.zoom.us/u/digsoftech9)\
**Post date:** [November 13, 2019, 6:40pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/26 "2019-11-13T18:40:45Z")

</div>

Hi gourav, I am new to Angular , I would be grateful if you could provide me your sample source code . I am looking to integrate my angular web application with zoom,  
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:** [November 13, 2019, 7:57pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/27 "2019-11-13T19:57:11Z")

</div>

Hey @digsoftech9,

Checkout my post on how to use the Zoom Web SDK with Angular:

> [@Error in integration zoom API with angular 6](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/5):
>
> Hey @sachinpawar8750, Zoom currently does not have a facial recognition API. To integrate Zoom with an Angular app, you can use our [JS SDK on NPM](https://www.npmjs.com/package/zoomus-jssdk). $ npm i zoomus-jssdk --save Add this line \<script src="https://code.jquery.com/jquery-3.4.1.min.js"\>\</script\> below the \<app-root\>\</app-root\> in your index.html And then import Zoom into your component file like this, import { ZoomMtg } from 'zoomus-jssdk'; Here is an example of joining/starting a meeting in Angular, app.component.ts import {…

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![gourav](https://avatars.discourse-cdn.com/v4/letter/g/278dde/32.png) [@gourav](https://devforum.zoom.us/u/gourav)\
**Post date:** [November 14, 2019, 7:25am UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/28 "2019-11-14T07:25:46Z")

</div>

Hi @tommy ,  
When i am using “npm i jQuery@npm:jquery” on local environment, its working fine. But when i build the same on dev environment always getting below error and my build is failed  
**npm ERR! Invalid dependency type requested: alias**  
**npm ERR! Unsupported URL Type “npm:”: npm:jquery@^3.4.1**  
Please suggest.

---

<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:** [November 14, 2019, 5:45pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/29 "2019-11-14T17:45:25Z")

</div>

Hey @gourav,

What version of NPM are you using?

> <https://stackoverflow.com/questions/54085943/npm-err-invalid-dependency-type-requested-alias/58288309#58288309>

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![gourav](https://avatars.discourse-cdn.com/v4/letter/g/278dde/32.png) [@gourav](https://devforum.zoom.us/u/gourav)\
**Post date:** [November 15, 2019, 12:46pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/30 "2019-11-15T12:46:35Z")

</div>

Hi @tommy,  
After updating npm version on dev server jQuery error is resolved. But when we call meeting page url in browser and getting below error on browser console.  
**ERROR Error: Uncaught (in promise): TypeError: Super expression must either be null or a function, not undefined**  
**TypeError: Super expression must either be null or a function, not undefined**

Please suggest.

---

<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:** [November 15, 2019, 5:50pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/31 "2019-11-15T17:50:34Z")

</div>

Hey @gourav,

Check out this answer on stackoverflow, sounds like a react version issue:

> <https://stackoverflow.com/questions/30116430/reactjs-giving-error-uncaught-typeerror-super-expression-must-either-be-null-or/30168874#30168874>

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![gourav](https://avatars.discourse-cdn.com/v4/letter/g/278dde/32.png) [@gourav](https://devforum.zoom.us/u/gourav)\
**Post date:** [November 16, 2019, 6:49am UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/32 "2019-11-16T06:49:01Z")

</div>

Hi @tommy,  
I have implemented zoom web client SDK with angular, not using in react. I think react is using in your library. But error occurred on local/dev apache server.

Steps:

1. Creating project ng build --prod.
2. Move dist file on an local apache server.
3. Run project normally on browser using localhost and getting below error on browser console.  
 ![console-error](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/f/fc8967d271e6b8630fb108c7c3857d8c7bd2a297.png)

Please suggest as soon as possible.

---

<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:** [November 18, 2019, 11:46pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/33 "2019-11-18T23:46:25Z")

</div>

Hey @gourav,

Can you please share your package.json file.

Also we are working to have the jQuery issue fixed in one of our upcoming releases. (JIRA: DEVELOPERS-569)

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![gourav](https://avatars.discourse-cdn.com/v4/letter/g/278dde/32.png) [@gourav](https://devforum.zoom.us/u/gourav)\
**Post date:** [November 19, 2019, 5:37am UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/34 "2019-11-19T05:37:53Z")

</div>

Hi @tommy,  
I’m not able attach package.json file. Please check below my package.json content.

{  
“name”: “test”,  
“version”: “0.0.0”,  
“scripts”: {  
“ng”: “ng”,  
“start”: “ng serve”,  
“build”: “ng build”,  
“test”: “ng test”,  
“lint”: “ng lint”,  
“e2e”: “ng e2e”  
},  
“private”: true,  
“dependencies”: {  
“@angular/animations”: “^7.2.6”,  
“@angular/cdk”: “^6.4.7”,  
“@angular/common”: “^7.2.7”,  
“@angular/compiler”: “^7.2.6”,  
“@angular/core”: “^7.2.6”,  
“@angular/forms”: “^7.2.6”,  
“@angular/platform-browser”: “^7.2.6”,  
“@angular/platform-browser-dynamic”: “^7.2.6”,  
“@angular/router”: “^7.2.6”,  
“@fortawesome/fontawesome-free”: “^5.7.2”,  
“@ng-bootstrap/ng-bootstrap”: “^4.0.4”,  
“angular-modal-gallery”: “^5.7.1”,  
“annyang”: “^2.6.1”,  
“blueimp-canvas-to-blob”: “^3.14.0”,  
“bootstrap”: “^4.3.1”,  
“core-js”: “^2.5.4”,  
“fuse.js”: “^3.4.5”,  
“jQuery”: “npm:jquery@^3.4.1”,  
“js-sha512”: “^0.8.0”,  
“moment”: “^2.24.0”,  
“ng-http-loader”: “^5.0.1”,  
“ng-pick-datetime”: “^7.0.0”,  
“ng2-img-max”: “^2.1.18”,  
“ngx-barcodeput”: “^1.0.7”,  
“ngx-bootstrap”: “^5.1.0”,  
“ngx-crystal-gallery”: “^1.1.5”,  
“ngx-device-detector”: “^1.3.5”,  
“ngx-speech”: “0.0.8”,  
“ngx-swiper-wrapper”: “^8.0.1”,  
“recordrtc”: “^5.5.8”,  
“rxjs”: “~6.3.3”,  
“speech-synth”: “^1.0.1”,  
“tslib”: “^1.9.0”,  
“video.js”: “^7.5.4”,  
“zone.js”: “~0.8.26”,  
“zoomus-jssdk”: “^1.6.1”  
},  
“devDependencies”: {  
“@angular-devkit/build-angular”: “^0.13.2”,  
“@angular/cli”: “^7.3.2”,  
“@angular/compiler-cli”: “^7.2.6”,  
“@angular/language-service”: “^7.2.6”,  
“@types/jasmine”: “~2.8.8”,  
“@types/jasminewd2”: “~2.0.3”,  
“@types/node”: “~8.9.4”,  
“codelyzer”: “~4.5.0”,  
“jasmine-core”: “~2.99.1”,  
“jasmine-spec-reporter”: “~4.2.1”,  
“karma”: “~3.1.1”,  
“karma-chrome-launcher”: “~2.2.0”,  
“karma-coverage-istanbul-reporter”: “^2.0.5”,  
“karma-jasmine”: “~1.1.2”,  
“karma-jasmine-html-reporter”: “^0.2.2”,  
“protractor”: “~5.4.0”,  
“ts-node”: “~7.0.0”,  
“tslint”: “~5.11.0”,  
“typescript”: “~3.2.2”  
}  
}

---

<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:** [November 19, 2019, 8:54pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/35 "2019-11-19T20:54:18Z")

</div>

Thanks for posting this @gourav,

Can you send me the link to your app on github so I can clone it and test it on my machine?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![gourav](https://avatars.discourse-cdn.com/v4/letter/g/278dde/32.png) [@gourav](https://devforum.zoom.us/u/gourav)\
**Post date:** [November 21, 2019, 4:51am UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/36 "2019-11-21T04:51:54Z")

</div>

Hi @tommy,  
Below is my github app link.  
[Zoom Angular Remote Access](https://github.com/gouravnetsutra/Zoom-Angular-Remote-Access)

Thanks,  
Gourav

---

<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:** [November 21, 2019, 8:01pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/37 "2019-11-21T20:01:22Z")

</div>

Hey @gourav,

Thanks for posting your code! 🙂

Good news! I got it to work! I think the issue was you were importing the Web SDK via the [CDN version 1.6.0 **and** Local version 1.6.1 methods](https://marketplace.zoom.us/docs/sdk/native-sdks/web/getting-started/integrate). I have changed your code to only use the CDN method on version 1.6.1 (although if you want to use the [local method (NPM)](https://marketplace.zoom.us/docs/sdk/native-sdks/web/getting-started/integrate#local), feel free to change my code)

Here is the link to the updated code:

> **[tommygaessler/Zoom-Angular-Remote-Access](https://github.com/tommygaessler/Zoom-Angular-Remote-Access)**
>
> Remote access in zoom client . Contribute to tommygaessler/Zoom-Angular-Remote-Access development by creating an account on GitHub.

I have also made a pull request to the repo you shared:

> <https://github.com/gouravnetsutra/Zoom-Angular-Remote-Access/pull/1>

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![gourav](https://avatars.discourse-cdn.com/v4/letter/g/278dde/32.png) [@gourav](https://devforum.zoom.us/u/gourav)\
**Post date:** [November 22, 2019, 6:32am UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/38 "2019-11-22T06:32:16Z")

</div>

@tommy,  
Thanks for posting your code!👍  
It’s working on my https url. I’m able start meeting and join meeting. But i am not able to remote control access.  
Please share steps, if you able.

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:** [November 22, 2019, 9:23pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/39 "2019-11-22T21:23:35Z")

</div>

Hey @gourav, happy to hear it is working! 🙂

Please provide more info on what is going wrong with remote control access.

What device are you using and trying to control? Are their errors?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![gourav](https://avatars.discourse-cdn.com/v4/letter/g/278dde/32.png) [@gourav](https://devforum.zoom.us/u/gourav)\
**Post date:** [November 23, 2019, 5:16am UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/40 "2019-11-23T05:16:06Z")

</div>

Hi @tommy,  
Simple i’m start and join meeting on chrome browser on desktop. Meeting is started, but there is no option for request remote control/remote control.

Thanks,  
Gourav

---

<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:** [November 25, 2019, 8:48pm UTC](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819/41 "2019-11-25T20:48:50Z")

</div>

Hey @gourav,

I just tested and it worked.

Make sure the user who’s computer you want to control is sharing their screen.

 ![39 PM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/1/198a39b0bec5cabdba7fd41211064b979eb75c0b.jpeg)

Here are the steps:

> **[Zoom Web Client](https://support.zoom.us/hc/en-us/articles/214629443-Zoom-Web-Client#h_7ea6381a-8595-4ad7-93aa-fbc3ec45aea6)**
>
> Overview
> The Zoom web client allows joining a Zoom meeting or webinar without downloading any plugins or software. However, the web client has limited features and functions best on Google Chrome. ...

Thanks,  
Tommy

[Previous page](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819.md?page=1)

[Next page](https://devforum.zoom.us/t/query-for-web-sdk-integration-with-angular-7/5819.md?page=3)