Hello Devs,
I’m developing a website for online courses ( Local System ) using
Laravel,
Vuejs
I’m getting an issue Failed to join the meeting or sometimes Meeting Passcode Wrong
the code below :
<template>
<Head :title="usePage().props.head" />
<Dashboard>
<template #Main>
{{ usePage().props.meeting_data }}
<div id="meetingSDKElement" class="h-[500px] w-[500px]">
<!-- Zoom Meeting SDK Component View Rendered Here -->
</div>
</template>
</Dashboard>
</template>
<script setup>
import { onMounted } from 'vue'
import { usePage, useForm, Link } from '@inertiajs/vue3'
import ZoomMtgEmbedded from '@zoomus/websdk/embedded';
import KJUR from 'jsrsasign';
let client = ZoomMtgEmbedded.createClient();
const oHeader = { alg: 'HS256', typ: 'JWT' } <-- I have tried to change it to "OAuth" - "JWT" - "jwt"
const iat = Math.round(new Date().getTime() / 1000) - 30;
const exp = iat + 60 * 60 * 2
const oPayload = {
sdkKey: usePage().props.SDKKey, <<--- Client ID
mn: '1',
role: 0,
iat: iat,
exp: exp,
appKey: usePage().props.SDKKey,
tokenExp: iat + 60 * 60 * 2
}
const sHeader = JSON.stringify(oHeader)
const sPayload = JSON.stringify(oPayload)
onMounted(() => {
const sJWT = KJUR.jws.JWS.sign('HS256', sHeader, sPayload, "ctdH2nMyFJLGeZzfKTndBFesFFeEhJyWNH75hvX")
startMeeting(sJWT)
})
function startMeeting(signature) {
let meetingSDKElement = document.getElementById('meetingSDKElement');
client.init({ zoomAppRoot: meetingSDKElement, language: 'en-US' })
client.join({
sdkKey: usePage().props.SDKKey, < -- Client ID
signature: signature,
meetingNumber: '1',
password: usePage().props.meeting_data.pwd,
userName: usePage().props.meeting_data.host_name,
success: (success) => {
console.log(success)
},
error: (error) => {
console.log(error)
}
})
}
</script>