What i am doing wrong here? i have been on this joining script for 3 days i cant figure out.
<main>
<h1>Zoom Meeting SDK Sample JavaScript</h1>
<!-- For Component View -->
<div id="meetingSDKElement">
<!-- Zoom Meeting SDK Rendered Here -->
</div>
<button onClick="getSignature()">Join Meeting</button>
</main>
<!-- Dependencies for client view and component view -->
<script src="https://source.zoom.us/3.1.6/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/3.1.6/lib/vendor/lodash.min.js"></script>
<!-- For Client View -->
<script src="https://source.zoom.us/zoom-meeting-3.1.6.min.js"></script>
<script src="jsrsasign-all-min.js"></script>
<script type="text/javascript">
ZoomMtg.preLoadWasm()
ZoomMtg.prepareWebSDK()
ZoomMtg.i18n.load(‘en-US’);
ZoomMtg.i18n.reload(‘en-US’);
var authEndpoint = ‘’
var sdkKey = ‘<?=$apiKey?>’
var meetingNumber = ‘<?=$meetingNumber?>’
var passWord = ‘<?=$password?>’
var role = 1
var userName = ‘JavaScript’
var userEmail = ‘murungatim@gmail.com’
var registrantToken = ‘’
var zakToken = ‘<?=$zak?>’
var leaveUrl = ‘?’
function getSignature() {
startMeeting(generateSignature(‘<?=$apiKey?>’,‘<?=$apiSecret?>’,‘<?=$meetingNumber?>’,1));
}
function generateSignature(apiKey, apiSecret, meetingNumber, role) {
const header = { alg: ‘HS256’, typ: ‘JWT’ };
const iat = Math.floor(Date.now() / 1000) - 30;
const exp = iat + 60;
const payload = {
iss: apiKey,
exp: exp,
iat: iat,
meetingNumber: meetingNumber,
role: role
};
const jwt = KJUR.jws.JWS.sign('HS256', JSON.stringify(header), JSON.stringify(payload), apiSecret);
return jwt;
}
function startMeeting(signature) {
alert(signature);
document.getElementById(‘zmmtg-root’).style.display = ‘block’
ZoomMtg.init({
leaveUrl: leaveUrl,
patchJsMedia: true,
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)
}
})
}
<!-- For Component View -->
<!-- <script src="https://source.zoom.us/3.1.6/zoom-meeting-embedded-3.1.6.min.js"></script>
<script type="text/javascript" src="component-view.js"></script> -->
![image|690x440](upload://zUq6nbgrTHZan97wK7t7Ipul0mf.png)