Hi,
i use Component view in my vue app and i can start a meeting and join as participant but i cannot leave the meeting. A cancel buttons appears und clicking on it makes me stay in the meeting.
<template>
<div class="zoom-module">
<div class="zoom-submit">
<button class="zoom-invite-button" @click="getSignature">Join Meeting</button>
</div>
</div>
</div>
</template>
<script>
import axios from "axios";
import ZoomMtgEmbedded from '@zoomus/websdk/embedded';
export default {
name: 'ZoomModule',
created () {
},
data () {
return {
client: ZoomMtgEmbedded.createClient(),
// This Sample App has been updated to use SDK App type credentials https://marketplace.zoom.us/docs/guides/build/sdk-app
sdkKey: "MYKEY",
meetingNumber: "MYNR",
passWord: "MYPASSCODE",
role: 0,
signatureEndpoint: "",
userEmail: "",
userName: "Vue.js",
// pass in the registrant's token if your meeting or webinar requires registration. More info here:
// Meetings: https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/meetings#join-registered
// Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/webinars#join-registered
registrantToken: ''
}
},
methods: {
getSignature() {
this.startMeeting("MYSIGNATURE");
},
startMeeting(signature) {
let meetingSDKElement = document.getElementById('meetingSDKElement');
let meetingSDKChatElement = document.getElementById('meetingSDKChatElement')
this.client.init({
debug: true,
zoomAppRoot: meetingSDKElement,
language: 'en-US',
customize: {
video: {
isResizable: true,
popper: {
disableDraggable: false
}
},
chat: {
popper: {
disableDraggable: false,
anchorElement: meetingSDKChatElement,
placement: 'right'
}
},
meetingInfo: ['topic', 'host', 'mn', 'pwd', 'telPwd', 'invite', 'participant', 'dc', 'enctype'],
toolbar: {
buttons: [
{
text: 'Custom Button',
className: 'CustomButton',
onClick: () => {
console.log('custom button');
}
}
]
}
}
});
this.client.join({
sdkKey: this.sdkKey,
signature: signature,
meetingNumber: this.meetingNumber,
password: this.passWord,
userName: this.userName,
userEmail: this.userEmail,
tk: this.registrantToken
})
}
}
}
</script>