<!doctype html>
<html>
<head>
<script src='https://meet.jit.si/external_api.js'></script>
<script type="text/javascript" charset="utf-8" src="assets/js/reconnecting-websocket.min.js"></script>
<link rel="stylesheet" type="text/css" href="assets/css/room.css">
</head>
<body>
<div id="meet"/>
<script>
let hash = location.hash.substring(1); //jitsi room name
let id = hash.split(".")[0];
let roomName = hash.split(".")[1];
let cid = Math.random().toString(); //client id
if(!roomName) alert("no room name set in hash");
console.log(roomName);
const api = new JitsiMeetExternalAPI("meet.jit.si", {
roomName,
parentNode: document.querySelector('#meet')
})
let wss = new ReconnectingWebSocket("wss://dev1.soichi.us/ohbm2020/");
wss.onopen = () => {
wss.send(JSON.stringify({action: "jit", id, cid}));
setInterval(()=>{
wss.send(JSON.stringify({action: "jit", id, cid}));
}, 1000*30);
}
window.addEventListener("beforeunload", function(evt) {
wss.send(JSON.stringify({action: "jitclose", id, cid}));
});
</script>
</body>
</html>