Can't get simple example from "Jitsi Meet API" working

Hi

I tried a simple HTML that gets hosted on my local computer to get a hello-world for Jitsi.
I’m following the simple example published in the repo at https://github.com/jitsi/jitsi-meet/blob/master/doc/api.md.

This is my code so far - there’s nothing more on the example that points to the problem I’m having :

<html>
<head>
<script src='https://meet.jit.si/external_api.js'></script>
</head>
<body>
<h1>Hello</h1>
<button id="start" type="button">Start</button>
<div id="jitsi-container">
</div>

<script>
var button = document.querySelector('#start');
var container = document.querySelector('#jitsi-container');
var api = null;

button.addEventListener('click', () => {
    var domain = "meet.jit.si";
    var options = {
        "roomName": "foo-bar-c8cfdb0d-135a-4462-a05b-36575c3ef591",
        "parentNode": container,
        "width": 600,
        "height": 200,
    };
    api = new JitsiMeetExternalAPI(domain, options);
});

</script>
</body>
</html>

Hitting my start button I get lots of errors in my browser console and a small black area for Jitsi.

Logger.js:154 2020-03-23T14:14:37.417Z [modules/util/JitsiLocalStorage.js] <new <anonymous>>:  DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
2020-03-23T14:42:11.854Z [features/local-recording] <Object._loadMetadata>:  Failed to parse localStorage item.
Logger.js:154 2020-03-23T14:42:11.868Z [index.web] <HTMLDocument.<anonymous>>:  (TIME) document ready:	 420.66999996313825
react-dom.production.min.js:187 DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
TypeError: Cannot read property 'dispatch' of undefined

Anything I’m doing wrong ? Or is it just that this will not work on localhost ?

I’m using browser
Brave, [Version 1.5.115 Chromium: 80.0.3987.149 (Official Build) (64-bit)](https://brave.com/latest/).

After enabling “all” cookies for site at “localhost”, creating the API instance works and the Jitsi iframe gets populated with UI elements and I get asked to allow access to video/audio.

1 Like

But still neither audio nor video seems to work in my Brave browser.

Openend the same page using Chrome ( one normal window and an incognito-window ) and enabling 3rd party cookies, allowed me to see/hear myself in two browser windows.

Is Brave in general not a supported browser despite being Chrome-like ?

I had the same thing. Brave’s Shield feature tries to block sites that try to track you. They use rather complex logic to figure out which sites to allow through and which to stop. It appears as if it is identifying Jitsi as a false positive and blocking it.

If you remove the shields for the site, everything should work.

1 Like

Thanks for the tip. I should try this soon. Cheers!