Error in integration zoom API with angular 6

Meeting SDK Web
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.

$ 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 { 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

<!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!