Ok.
Following is my component Code
import { Component, OnInit } from ‘@angular/core’;
import { ZoomMtg } from ‘zoomus-jssdk’;
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
@Component({
selector: ‘app-test’,
templateUrl: ‘./test.component.html’,
styleUrls: [’./test.component.scss’]
})
export class TestComponent implements OnInit {
meetingNumber: string;
userName: string;
meetConfig = {
apiKey: ‘’,
apiSecret: ‘’,
meetingNumber: this.meetingNumber,
userName: this.userName,
passWord: “”,
leaveUrl: “http://localhost:4200/test”,
role: 0
};
signature = ZoomMtg.generateSignature({
meetingNumber: this.meetConfig.meetingNumber,
apiKey: this.meetConfig.apiKey,
apiSecret: this.meetConfig.apiSecret,
role: this.meetConfig.role,
success: function(res){
debugger;
console.log(res.result);
}
});
constructor() { }
ngOnInit() {
}
callZoom(){
debugger;
ZoomMtg.init({
leaveUrl: ‘http://localhost:4200/test’,
isSupportAV: true,
success: (res) => {
ZoomMtg.join({
meetingNumber: this.meetConfig.meetingNumber,
userName: this.meetConfig.userName,
signature: this.signature,
apiKey: this.meetConfig.apiKey,
userEmail: ‘’,
passWord: this.meetConfig.passWord,
success: (res) => {
console.log(‘join meeting success’);
},
error: (res) => {
console.log(res);
}
});
},
error: (res) => {
console.log(res);
}
});
}
}
This is My Html Code
<input type=“text” name=“display_name” [(ngModel)]=“userName” placeholder=“Name” class=“form-control” required>
<input type=“text” name=“meeting_number” [(ngModel)]=“meetingNumber” placeholder=“Meeting Number” class=“form-control” required>
<button type=“submit” class=“btn btn-primary” (click)=“callZoom();” id=“join_meeting”>Join
This is my index.Html Code
<!doctype html>
Web
Loading ...
Kindly Help me is resolving this issue.