Blank Screen Appearing when integrating with core php

when i integrate api with php site we are facing blank screen i am adding my full code please help me with that

index.js

// For Global use source.zoom.us:
ZoomMtg.setZoomJSLib(‘https://source.zoom.us/1.7.7/lib’, ‘/av’);
const baseUrl = “http://localhost:8820/web/profr/”;
const signatureUrl = “zoom/gentrate/signature”;
const meetConfig = {
apiKey: ‘xxxxxxx’,
meetingNumber: ‘xxxxxxx’,
leaveUrl: ‘https://www.zoom.us’,
userName: ‘jai Pandey’,
userEmail: ‘firstname.lastname@yoursite.com’, // required for webinar
passWord: ‘xxxxx’, // if required
role: 0 // 1 for host; 0 for attendee or webinar
};
getSignature(meetConfig);
function getSignature(meetConfig) {
var myHeaders = new Headers();
myHeaders.append(“Content-Type”, “application/json”);
var raw = JSON.stringify(meetConfig);
var requestOptions = {
method: ‘POST’,
headers: myHeaders,
body: raw
};
fetch(${baseUrl+signatureUrl}, requestOptions)
.then(result => result.text())
.then(response => {
console.log(response);
ZoomMtg.init({
leaveUrl: meetConfig.leaveUrl,
isSupportAV: true,
success: function(){
console.log(response);
console.log(“success ho gya”);
ZoomMtg.join({
signature: response,
meetingNumber: meetConfig.meetingNumber,
userName: meetConfig.userName,
apiKey: meetConfig.apiKey,
userEmail: meetConfig.userEmail,
passWord: meetConfig.password,
success: (success) => {
console.log(success)
},
error: (error) => {
console.log(error)
}
})
},
error: (error) => {
console.log(“error”);
console.log(error)
}
})
})
}
Screenshots

Smartphone (please complete the following information):
crome browser

Hey @npch54321,

Can you please try adding these lines after ZoomMtg.setZoomJSLib(‘https://source.zoom.us/1.7.7/lib’, ‘/av’);

ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();

Let me know if that fixes the issue!

Thanks,
Tommy