Jitsi Meet API Not Working?

#1

Hi,
I’m having issues running the Jitsi Meet API

I’m using this code:

<head>
    <title>Meet</title>
</head>
<body>
    <div id="meet">
        <script src='https://meet.jit.si/external_api.js'>
            const domain = 'meet.jit.si';
            const options = {
                roomName: 'Meeting Mode',
                width: '100%',
                height: '100%',
                parentNode: document.querySelector('#meet'),
                userInfo: {
                    displayName: 'A Name'
                }
            };
            const api = new JitsiMeetExternalAPI(domain, options);
        </script>
    </div>
</body>

but all I get is a blank page? Any help would be greatly appreciated

#2

@Ryan_Mitcham welcome to the community!!

You should separate this into 2 <script> tags. I would also move the external_api.js <script> tag to the <head> section. Then move the other <script> tag out of the meet <div>. For example:

<head>
    <title>Meet</title>
    <script src='https://meet.jit.si/external_api.js'>
</head>
<body>
    <div id="meet">
    </div>

    <script type="text/javascript">
         ...
    </script>
</body>
#3

Ah thank you…will try that now

#4

Thank you so much this works now! It’s great to be here!