Description
I am trying to implement the websdk-sample-angular but I showing the blank screen. I know this question is repeated more time in the forum. I tried all the answer given by zoom support team in the dev-forum. But all are not working in my case.
Showing the loaded joining the meeting after that showing **Blank Screen**
Error
Showing no error in console.
Which Client Web SDK version?
sdk version 1.9.0
Code
import { Component, OnInit, Inject } from ‘@angular/core’;
import { HttpClient } from '@angular/common/http';
import { DOCUMENT } from '@angular/common';
import { ZoomMtg } from '@zoomus/websdk';
//ZoomMtg.setZoomJSLib('http://localhost:55294/', '../assets/zoom/lib/av');
//ZoomMtg.setZoomJSLib("../")
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
public meetConfig : any;
public signature : any;
constructor(public httpClient: HttpClient, @Inject(DOCUMENT) document) {
this.SetConfig();
}
SetConfig(){
debugger;
this.meetConfig = {
// signature : 'https://zoommeeting-1.herokuapp.com/',
apiKey: 'apiKey',
apiSecret: 'apiSecret',
meetingNumber: 'meetingNumber',
userName: 'Angular',
passWord: "",
userEmail:email@yahoo.com",
leaveUrl: "",
role: '0'
};
this.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);
}
});
this.startMeeting(this.signature);
}
startMeeting(signature) {
debugger;
document.getElementById('zmmtg-root').style.display = 'block'
document.getElementById('zmmtg-root').style.zIndex = '1000'
ZoomMtg.init({
leaveUrl: this.meetConfig.leaveUrl,
isSupportAV: true,
success: (success) => {
console.log(success)
ZoomMtg.join({
signature: signature,
meetingNumber: this.meetConfig.meetingNumber,
userName: this.meetConfig.userName,
apiKey: this.meetConfig.apiKey,
userEmail: this.meetConfig.userEmail,
passWord: this.meetConfig.passWord,
success: (success) => {
console.log(success)
},
error: (error) => {
console.log(error)
}
})
},
error: (error) => {
console.log(error)
}
})
}