I am trying to use lib-jitsi-meet with their APIs as shown below but I receive an error in my console.
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://meet.jit.si/libs/lib-jitsi-meet.min.js"></script>
<script src="JitsiLib.js"></script>
</head>
</html>
JS
/* global $, JitsiMeetJS */
let connection;
const options = {
hosts: {
domain: 'meet.jit.si',
},
};
const confOptions = {
openBridgeChannel: true
};
JitsiMeetJS.init();
connection = new JitsiMeetJS.JitsiConnection(null, null, options);
function onConnectionSuccess() {
console.log("onConnectionSuccess")
const room = connection.initJitsiConference("TestDemo1234", confOptions);
room.on(JitsiMeetJS.events.conference.TRACK_ADDED, onRemoteTrack);
room.on(JitsiMeetJS.events.conference.CONFERENCE_JOINED, onConferenceJoined);
room.join();
}
function onConnectionFailed() {
console.log("onConnectionFailed")
}
function disconnect() {
console.log("disconnect")
}
function onRemoteTrack() {
console.log("onRemoteTrack")
}
function onConferenceJoined() {
console.log("onConferenceJoined")
}
connection.addEventListener(
JitsiMeetJS.events.connection.CONNECTION_ESTABLISHED,
onConnectionSuccess);
connection.addEventListener(
JitsiMeetJS.events.connection.CONNECTION_FAILED,
onConnectionFailed);
connection.addEventListener(
JitsiMeetJS.events.connection.CONNECTION_DISCONNECTED,
disconnect);
connection.connect();
JitsiMeetJS.createLocalTracks().then(onLocalTracks);