# Error in integration zoom API with angular 6

**URL:** <https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830>\
**Category:** Web\
**Created:** [July 1, 2019, 12:40pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830 "2019-07-01T12:40:52Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![goalstreets](https://avatars.discourse-cdn.com/v4/letter/g/e47c2d/32.png) [@goalstreets](https://devforum.zoom.us/u/goalstreets)\
**Post date:** [July 1, 2019, 12:40pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/1 "2019-07-01T12:40:52Z")

</div>

![Screenshot%20(35)](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/b/bb0863fa59799333a6207407a810827a8272c162.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:** [July 1, 2019, 2:38pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/2 "2019-07-01T14:38:23Z")

</div>

Hey @goalstreets,

Can you provide steps to reproduce? Also what is the bolt.min.js file?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![sachinpawar8750](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/sachinpawar8750/32/1348_2.png) [@sachinpawar8750](https://devforum.zoom.us/u/sachinpawar8750)\
**Post date:** [July 23, 2019, 8:53am UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/3 "2019-07-23T08:53:49Z")

</div>

Hello Tommy greetings,

Can you please help me out or guid to integrate zoom for face recognisation in webApp with angular 5.

Thank you.

---

<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:** [July 23, 2019, 6:40pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/5 "2019-07-23T18:40:28Z")

</div>

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,

```javascript
import { ZoomMtg } from 'zoomus-jssdk';

```

Here is an example of joining/starting a meeting in Angular,

app.component.ts

```javascript
import { Component, OnInit } from '@angular/core';
import { ZoomMtg } from 'zoomus-jssdk';

ZoomMtg.setZoomJSLib('https://dmogdx0jrul3u.cloudfront.net/1.4.2/lib', '/av')
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

  meetConfig = {
    apiKey: 'API KEY HERE',
    apiSecret: 'API SECRET HERE',
    meetingNumber: 1111111111,
    userName: 'Angular',
    passWord: "",
    leaveUrl: "http://localhost:4200",
    role: 0
  };

  signature = ZoomMtg.generateSignature({
    meetingNumber: this.meetConfig.meetingNumber,
    apiKey: this.meetConfig.apiKey,
    apiSecret: this.meetConfig.apiSecret,
    role: this.meetConfig.role,
    success: function(res){
      console.log(res.result);
    }
  });

  constructor() {

  }

  ngOnInit() {
    ZoomMtg.init({
      leaveUrl: 'http://localhost:4200',
      isSupportAV: true,
      success: (res) => {
        ZoomMtg.join({
          meetingNumber: this.meetConfig.meetingNumber,
          userName: this.meetConfig.userName,
          signature: this.signature,
          apiKey: this.meetConfig.apiKey,
          userEmail: 'email@gmail.com',
          passWord: this.meetConfig.passWord,
          success: (res) => {
            console.log('join meeting success');
          },
          error: (res) => {
            console.log(res);
          }
        });
      },
      error: (res) => {
        console.log(res);
      }
    });
  }
}

```

index.html

```auto
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>AngularZoom</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</body>
</html>

```

Let me know if this helps!

---

<div class="post-metadata">

**Author:** ![sachinpawar8750](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/sachinpawar8750/32/1348_2.png) [@sachinpawar8750](https://devforum.zoom.us/u/sachinpawar8750)\
**Post date:** [July 24, 2019, 5:53am UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/6 "2019-07-24T05:53:52Z")

</div>

Thanks alot for your repply tommy.

---

<div class="post-metadata">

**Author:** ![sachinpawar8750](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/sachinpawar8750/32/1348_2.png) [@sachinpawar8750](https://devforum.zoom.us/u/sachinpawar8750)\
**Post date:** [July 24, 2019, 6:05am UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/7 "2019-07-24T06:05:04Z")

</div>

Hi tommy,

Firstly i am very thankfull for previous repply, it’s really verry helpfull for me.  
Can you please help me if i want to use its FACE LIVENESS & 1:1 VERIFICATION feature in angular 5.

---

<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:** [July 24, 2019, 3:51pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/8 "2019-07-24T15:51:57Z")

</div>

Hey @sachinpawar8750,

If you are referring to [https://www.zoomlogin.com](https://www.zoomlogin.com), we are unaffiliated with them. We are [https://zoom.us](https://zoom.us).

Although here is the link to [**their** docs where you can find sample apps/examples and Browser/Web/JS SDK](https://dev.zoomlogin.com/zoomsdk/#/docs) and [**their** support page](https://dev.zoomlogin.com/zoomsdk/#/support).

Thanks,  
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:** [March 24, 2020, 6:44pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/10 "2020-03-24T18:44:35Z")

</div>

We now have a Zoom Web SDK with Angular sample app!

Check it out here:

> **[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:** ![atit](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/atit/32/2150_2.png) [@atit](https://devforum.zoom.us/u/atit)\
**Post date:** [July 29, 2020, 5:25pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/11 "2020-07-29T17:25:03Z")

</div>

I have tried Zoom Web SDK in sample app with Angular 8. But my existing app uses Angular-5. Can Zoom Web SDK works with Angular-5 or I have to update my angular version?

---

<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:** [July 31, 2020, 3:49pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/12 "2020-07-31T15:49:44Z")

</div>

Hey @atit,

Yes it will work with Angular 5. The sample app should work the same, just change the Angular versions! 🙂

> **[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:** ![atit](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/atit/32/2150_2.png) [@atit](https://devforum.zoom.us/u/atit)\
**Post date:** [July 31, 2020, 5:02pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/13 "2020-07-31T17:02:53Z")

</div>

I will try it.  
Thanks,  
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:** [August 3, 2020, 7:35pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/14 "2020-08-03T19:35:10Z")

</div>

Happy to help! 🙂

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![akhilakku95](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/akhilakku95/32/19105_2.png) [@akhilakku95](https://devforum.zoom.us/u/akhilakku95)\
**Post date:** [November 24, 2020, 9:48am UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/15 "2020-11-24T09:48:37Z")

</div>

@tommy . I have tried the same configuration in angular 7 and angular 10. It worked only in angular 10. the sdk version I have used is 1.8.3

---

<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, 2020, 5:42pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/16 "2020-11-25T17:42:01Z")

</div>

Hey @akhilakku95,

I have replied to you hear:

> [@Issue in SDK integration with Angular 7/9](https://devforum.zoom.us/t/issue-in-sdk-integration-with-angular-7-9/36627/5):
>
> Hey @akhilakku95, Checkout our Web SDK Angular Sample App: Let me know if you continue to have issues. @alfonso.moscato, thanks for your suggestions. Thanks, Tommy

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![akhilakku95](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/akhilakku95/32/19105_2.png) [@akhilakku95](https://devforum.zoom.us/u/akhilakku95)\
**Post date:** [November 25, 2020, 6:11pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/17 "2020-11-25T18:11:25Z")

</div>

I have checked. Still exists. Only option i have to update angular to latest. Let me try and ll post the result.  
Thanks @tommyfor the reply

---

<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 30, 2020, 8:49pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/18 "2020-11-30T20:49:38Z")

</div>

Thanks @akhilakku95, please let me know.

-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:** [March 22, 2021, 4:13pm UTC](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830/19 "2021-03-22T16:13:35Z")

</div>