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

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

Check it out here:

Thanks,
Tommy

1 Like

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?

Hey @atit,

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

Thanks,
Tommy

I will try it.
Thanks,
Tommy

1 Like

Happy to help! :slight_smile:

Thanks,
Tommy

@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

Hey @akhilakku95,

I have replied to you hear:

Thanks,
Tommy

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

Thanks @akhilakku95, please let me know.

-Tommy