113 أسطر
3.1 KiB
JavaScript
113 أسطر
3.1 KiB
JavaScript
'use strict';
|
|
|
|
console.log(window.location);
|
|
|
|
const mediaQuery = window.matchMedia('(max-width: 640px)');
|
|
|
|
const settings = JSON.parse(localStorage.getItem('SFU_SETTINGS'));
|
|
|
|
console.log('Settings', settings);
|
|
|
|
const autoJoinRoom = false; // automatically join the guest to the meeting
|
|
|
|
const intervalTime = 5000; // check room status every 5 seconds
|
|
|
|
const presenterLoginBtn = document.getElementById('presenterLoginButton');
|
|
const guestJoinRoomBtn = document.getElementById('guestJoinRoomButton');
|
|
|
|
guestJoinRoomBtn.classList.add('disabled');
|
|
|
|
const pathParts = window.location.pathname.split('/');
|
|
const roomId = filterXSS(pathParts[pathParts.length - 1]);
|
|
|
|
let intervalId;
|
|
let roomActive = false;
|
|
|
|
presenterLoginBtn.onclick = () => {
|
|
window.location.href = '/login';
|
|
};
|
|
|
|
guestJoinRoomBtn.onclick = () => {
|
|
window.location.href = '/join/' + roomId;
|
|
};
|
|
|
|
function sound(name) {
|
|
if (!settings.sounds) return;
|
|
const sound = '../sounds/' + name + '.wav';
|
|
const audio = new Audio(sound);
|
|
audio.volume = 0.5;
|
|
audio.play().catch((err) => {
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function handleScreenResize(e) {
|
|
if (roomActive) return;
|
|
presenterLoginBtn.style.display = e.matches ? 'flex' : 'inline-flex';
|
|
}
|
|
|
|
function checkRoomStatus(roomId) {
|
|
if (!roomId) {
|
|
console.warn('Room ID empty!');
|
|
return;
|
|
}
|
|
axios
|
|
.post('/isRoomActive', { roomId })
|
|
.then((response) => {
|
|
console.log('isRoomActive', response.data);
|
|
roomActive = response.data.message;
|
|
if (roomActive) {
|
|
sound('roomActive');
|
|
guestJoinRoomBtn.classList.remove('disabled');
|
|
presenterLoginBtn.style.display = 'none';
|
|
if (autoJoinRoom) guestJoinRoomBtn.click();
|
|
} else {
|
|
guestJoinRoomBtn.classList.add('disabled');
|
|
handleScreenResize(mediaQuery);
|
|
}
|
|
})
|
|
.catch((error) => {
|
|
console.error('Error checking room status', error);
|
|
});
|
|
}
|
|
|
|
handleScreenResize(mediaQuery);
|
|
|
|
checkRoomStatus(roomId);
|
|
|
|
mediaQuery.addEventListener('change', handleScreenResize);
|
|
|
|
function startCheckingRoomStatus() {
|
|
// Function to run every 5 seconds
|
|
intervalId = setInterval(() => {
|
|
if (document.visibilityState === 'visible') {
|
|
checkRoomStatus(roomId);
|
|
}
|
|
}, intervalTime);
|
|
}
|
|
|
|
// Fallback to setTimeout if needed for better control
|
|
function fallbackCheckRoomStatus() {
|
|
if (document.visibilityState === 'visible') {
|
|
checkRoomStatus(roomId);
|
|
}
|
|
setTimeout(fallbackCheckRoomStatus, intervalTime);
|
|
}
|
|
|
|
// Use Page Visibility API to pause/resume the checks
|
|
document.addEventListener('visibilitychange', () => {
|
|
checkRoomStatus(roomId);
|
|
//
|
|
if (document.visibilityState === 'visible') {
|
|
console.log('Page is visible. Resuming room status checks.');
|
|
if (!intervalId) startCheckingRoomStatus();
|
|
} else {
|
|
console.log('Page is hidden. Pausing room status checks.');
|
|
clearInterval(intervalId);
|
|
intervalId = null;
|
|
}
|
|
});
|
|
|
|
// Start checking room status when the page is first loaded
|
|
startCheckingRoomStatus();
|