Description
I have embedded zoom meeting sdk in my website. i render the meeting page into an iframe. when I start the meeting i can not see the view button to change the view. here showing full screen button. If not embedded meeting page into an iframe same issue happen i can not find the view button.
Browser Console Error
Console showing no error
Which Web Meeting SDK version?
I have used version 2.18.2
Meeting SDK Code Snippets
<script>
ZoomMtg.setZoomJSLib('https://source.zoom.us/2.18.2/lib', '/av');
ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
// loads language files, also passes any error messages to the ui
ZoomMtg.i18n.load('en-US');
ZoomMtg.i18n.reload('en-US');
var authEndpoint = '/api/zoom_signature';
var sdkKey = 'isNISQDGRmyneq9LYUgitA';
var registrantToken = '';
var zakToken = '';
var leaveUrl = 'https://agm.spiralworld.biz/agm-board';
var meetingNumberInput = document.getElementById('meetingNumberInput');
var UserNameInput = document.getElementById('UserInput');
var passWordInput = document.getElementById('passWordInput');
var userEmailInput = document.getElementById('EmailInput');
var meetingNumber = meetingNumberInput.value;
var passWord = passWordInput.value;
var userName = UserNameInput.value;
var userEmail = userEmailInput.value;
console.log(meetingNumber, passWord, userName, userEmail);
function getSignature() {
var joinMeetingBtn = document.getElementById('joinMeetingBtn');
joinMeetingBtn.style.display = 'none';
// Dynamically determine the role based on the user information
var staticUsername = 'AGM';
var userRole = (userName === staticUsername) ? 1 : 0;
fetch(authEndpoint, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
meetingNumber: meetingNumber,
role: userRole
})
}).then((response) => {
return response.json();
}).then((data) => {
console.log(data);
var signature = data.result.signature;
startMeeting(signature);
}).catch((error) => {
console.log(error);
});
}
function startMeeting(signature) {
document.getElementById('zmmtg-root').style.display = 'block';
ZoomMtg.init({
leaveUrl: leaveUrl,
success: (success) => {
console.log(success);
ZoomMtg.join({
signature: signature,
sdkKey: sdkKey,
meetingNumber: meetingNumber,
passWord: passWord,
userName: userName,
userEmail: userEmail,
tk: registrantToken,
zak: zakToken,
success: (success) => {
console.log(success);
},
error: (error) => {
console.log(error);
},
});
},
error: (error) => {
console.log(error);
}
});
}
</script>
Screenshots
Device (please complete the following information):
- Device: Pc
- OS: Windows
- Browser:Chrome
- Browser Version: Version 120.0.6099.110 (Official Build) (64-bit)