# 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:** 1\
**Showing post:** 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 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!

---

_[View the full topic](https://devforum.zoom.us/t/error-in-integration-zoom-api-with-angular-6/4830)._