Discover Zoom success stories and upcoming events! Explore our Customer Success Forum & Events page.
Visit NowEverything you need to work together, all in one place.
Explore Zoom One's Collaboration ToolsConnect virtually from anywhere with Zoom Meetings
Collaborate together with Zoom Chat
Call the world with Zoom Phone
Create and brainstorm with Zoom Whiteboard
Rich conversation analytics to improve sales
Send and receive messages and calendar invitations
Collaborate over video without scheduling a meeting
Remove the hassle of traditional scheduling with Zoom Scheduler
Simplify communication and drive engagement with Workvivo
Innovative video solutions for every meeting space.
Bring meeting spaces online with Zoom Rooms
Conference Room Connector links existing rooms to Zoom
Innovative solutions for every space
Solutions to host impactful virtual and hybrid experiences.
Find a Solution for Every EventHost hybrid and virtual events with Zoom Events
Elevate your brand with single session events powered by Zoom Sessions
Broadcast at scale with Zoom Webinars
Host and attend classes, group events, and more OnZoom
An omnichannel cloud solution optimized for video.
Engage customers with Zoom Contact Center
Deliver intelligent support with conversational AI
Optimize contact center agent performance and engagement
Zoom solutions elevate collaboration across vertical use cases.
Discover Zoom Industry SolutionsEnabling exciting new ways to teach, learn, and connect globally
Transforming client engagement and employee experiences
Improving collaboration between agencies, ministries and constituents
Connecting care, collaboration, and medical innovation
Real-time communication, anywhere in the world
Bridging the in-store and online experiences
Expert support and services for all your design, strategy, implementation, event, and hardware needs.
Global Services
Hardware purchase and subscription options
Flexible subscription plans for hardware
Protect certain data at rest with your own encryption keys
An open platform that allows developers to build Zoom apps and integrations.
Explore thousands of apps that work with or within Zoom
Documentation for building with Zoom's technology using SDKs, APIs, and webhooks
Post your questions and get help from our developer community
Zoom Partners bring Zoom's communications platform to market through alliance, sales, and service partnerships.
Explore Zoom's technology ecosystem
Find a trusted Partner
Learn about Zoom's Partner Programs
Access marketing & sales resources
Login to the Partner Portal and click 'Learn'
Discover new ways to use Zoom solutions to power your modern workforce.
Access expert-led tutorials on Zoom products and features.
Network with other Zoom users, and share your own product and industry insights.
Get documentation on deploying, managing, and using the Zoom platform.
Keep your Zoom client up to date to access the latest features.
Download CenterDownload hi-res images and animations to elevate your next Zoom meeting.
Browse Backgrounds2021-07-07 11:01 AM - last edited on 2022-01-25 09:51 AM by Bri
I am integrating @ zoomus / websdk in Vue3 guided by the project loaded in Vue2 Github, when loading everything making the corresponding version adaptations it throws an error in the browser console and does not allow me to continue with the development, I am realizing that The error throws it to me when adding the ZoomMtg.prepareJssdk () component, after this it stays on a black screen and does not allow to perform any operation, I cannot even see what ZoomMtg.init () throws in the console.
Annex the code used in the project:
<template>
<h1>Zoom WebSDK Sample Vue.js 2</h1>
<button @click="getSignature">Join Meeting</button>
<div id="zmmtg-root"></div>
<div id="aria-notify-area"></div>
</template>
<script>
import {
ZoomMtg
} from '@zoomus/websdk';
import axios from "axios";
ZoomMtg.setZoomJSLib('node_modules/@zoomus/websdk/dist/lib', '/av')
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
export default {
data() {
return {
apiKey: "",
leaveUrl: "http://localhost:8080",
meetingNumber: "123456789",
passWord: "",
role: 0,
signatureEndpoint: "http://localhost:3000/zoom",
userEmail: "",
userName: "Vue.js"
}
},
methods: {
getSignature() {
axios.post(this.signatureEndpoint, {
meetingNumber: this.meetingNumber,
role: this.role
})
.then(res => {
this.startMeeting(res.data);
})
.catch(error => {
console.log(error);
});
},
startMeeting(signature) {
document.getElementById("zmmtg-root").style.display = "block";
ZoomMtg.init({
leaveUrl: this.leaveUrl,
isSupportAV: true,
success: (success) => {
console.log(success);
ZoomMtg.join({
meetingNumber: this.meetingNumber,
userName: this.userName,
signature: signature,
apiKey: this.apiKey,
userEmail: this.userEmail,
passWord: this.passWord,
success: (success) => {
console.log(success);
},
error: (error) => {
console.log(error);
}
});
},
error: (error) => {
console.log(error);
}
});
}
}
}
</script>
<style>
#zmmtg-root {
display: none;
position: absolute;
}
</style>
2021-07-12 02:53 PM
Hello Yeifer, and welcome to the Zoom Community!
I have to guess as to what might be going on since the error doesn't typically appear. Based on similar posts in devforum.zoom.us, which is another location you can use to chat with other developers, including the Zoom Developer Advocates, the most likely cause of this error is that the init is getting processed before the resources are loaded. Can you please try putting in a few second timeout before the init to see if that resolves your issue?
Thanks.