Zoom SDK Web with Vue project. ZoomMtg.join fails

Meeting SDK Web
1

Description
Implemented zoom web sdk 1.7.2 following the tutorial with local set up, but getting this errors when trying to join the meeting. In code below I’ve changed api secret, api key, meeting password and emails, because I think problem not in the ZoomMtg.init.

Error

  1. Failed to execute ‘createObjectURL’ on ‘URL’: No function was found that matched the signature provided.

Which version?
1.7.2

Screenshots

image
image1842×554 113 KB

Smartphone (please complete the following information):
Browser: Chrome.

Additional context

zoom-config.js:

import { ZoomMtg } from '@zoomus/websdk';
ZoomMtg.setZoomJSLib('https://dmogdx0jrul3u.cloudfront.net/1.7.2/lib', '/av');
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();

const API_KEY = "api key";
const API_SECRET = "api secret";

const MeetingCfg = (meetingId, nickname) => ({
    apiKey: API_KEY,
    apiSecret: API_SECRET,
    meetingNumber: meetingId,
    userName: 'mymail@gmail.com',
    passWord: 111111,
    leaveUrl: "https://zoom.us",
    role: 0
});

export default {MeetingCfg, ZoomMtg};

zoomWindow.vue component:

<template>
    <div></div>
</template>

<script>
    import zoomConfig from '../../config/zoomConfig';

    export default {
        props: {
            nickname: String,
            meetingId: String
        },
        beforeDestroy () {
            document.getElementById('zmmtg-root').style.display = "none";
        },
        beforeCreate () {
            document.getElementById('zmmtg-root').style.display = "";
        },
        mounted () {
            const meetConfig = zoomConfig.MeetingCfg(489053717, 'nickname');
            const ZoomMtg = zoomConfig.ZoomMtg;
            // Generate Signature function
            const signature = ZoomMtg.generateSignature({
                meetingNumber: meetConfig.meetingNumber,
                apiKey: meetConfig.apiKey,
                apiSecret: meetConfig.apiSecret,
                role: meetConfig.role,
                success: (res) => {
                    // eslint-disable-next-line
                    console.log("success signature: " + res.result);
                }
            });
            // join function
            console.log('start initialization');
            ZoomMtg.init({
                leaveUrl: "http://www.zoom.us",
                isSupportAV: true,
                success: (success) => {
                    console.log('trying to join ' + JSON.stringify(success));
                    ZoomMtg.join({
                        signature: signature,
                        meetingNumber: meetConfig.meetingNumber,
                        userName: meetConfig.userName,
                        apiKey: meetConfig.apiKey,
                        userEmail: 'mymail@gmail.com',
                        passWord: meetConfig.passWord,
                        success: (res) => {
                            // eslint-disable-next-line
                            console.log("join meeting success");
                        },
                        error: (res) => {
                            // eslint-disable-next-line
                            console.log(res);
                        }
                    });
                },
                error: (res) => {
                    // eslint-disable-next-line
                    console.log(res);
                }
            });
        }
    };
</script>
2

Hey @sashamilkesha, thanks for posting and using Zoom!

How are you including the script files?

Thanks,
Tommy

3

Thank you for answer, @tommy!
Should I include them? Because, I use npm package @zoomus/websdk. Or it doesn’t matter?

4

Hey @sashamilkesha,

Good point, since you are using NPM package no need to include CDN. Sorry for the confusion.

Anyway you can send me a link to your project on GitHub so I can debug it locally?

Thanks,
Tommy