Error in integration zoom API with angular 6

Hey @goalstreets,

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

Thanks,
Tommy

Hello Tommy greetings,

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

Thank you.

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!

Thanks alot for your repply tommy.

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.

Hey @sachinpawar8750,

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

Although here is the link to their docs where you can find sample apps/examples and Browser/Web/JS SDK and their support page.

Thanks,
Tommy

2 Likes