Archive/screentinker
1
0
Fork 0
mirror of https://github.com/screentinker/screentinker.git synced 2026-05-15 07:32:23 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Feat: Web player auto connect

Browse source 
Add a simple 5 second countdown to the web player to get a code without interacting (for systems where interaction is a hassle, or impossible)
This commit is contained in:
Christopher Cookman 2026-05-14 13:46:19 -06:00
parent c4ac81c7a6
commit d5e4e4d927
1 changed files with 40 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
server/player/index.html
View file

@ -364,6 +364,20 @@
} }
// ==================== Boot ==================== // ==================== Boot ====================
// Function used by connect button and auto-connect
function connectBtnFunc() {
unlockAudio();
const url = document.getElementById('serverUrl').value.trim().replace(/\/$/, '');
if (!url) return;
config.serverUrl = url;
saveConfig(config);
document.getElementById('connectBtn').disabled = true;
document.getElementById('setupSpinner').style.display = 'block';
document.getElementById('setupStatus').textContent = 'Connecting...';
connect(url);
};
// Auto-detect server URL from origin since player is served from the same server // Auto-detect server URL from origin since player is served from the same server
if (!config.serverUrl) { if (!config.serverUrl) {
config.serverUrl = window.location.origin; config.serverUrl = window.location.origin;
@ -411,6 +425,31 @@
} }
}, 5000); }, 5000);
} }
} else {
// Auto-Continue after 5s if not configured. If user interacts with form (typing in the box), stop the timer.
let countdown = 5;
const connectBtn = document.getElementById('connectBtn');
connectBtn.textContent = `${_t('connect')} (${countdown})`;
const autoContinueTimer = setInterval(() => {
countdown--;
if (countdown > 0) {
connectBtn.textContent = `${_t('connect')} (${countdown})`;
} else {
clearInterval(autoContinueTimer);
connectBtn.textContent = _t('connect');
connectBtnFunc()
}
}, 1000);
document.getElementById('serverUrl').addEventListener('input', () => {
if (countdown > 0) {
clearInterval(autoContinueTimer);
connectBtn.textContent = _t('connect');
}
});
} }
// ==================== Setup UI ==================== // ==================== Setup UI ====================
@ -445,17 +484,7 @@
} catch (e) { console.warn('YT unmute failed:', e); } } catch (e) { console.warn('YT unmute failed:', e); }
} }
document.getElementById('connectBtn').onclick = () => { document.getElementById('connectBtn').onclick = connectBtnFunc;
unlockAudio();
const url = document.getElementById('serverUrl').value.trim().replace(/\/$/, '');
if (!url) return;
config.serverUrl = url;
saveConfig(config);
document.getElementById('connectBtn').disabled = true;
document.getElementById('setupSpinner').style.display = 'block';
document.getElementById('setupStatus').textContent = 'Connecting...';
connect(url);
};
// ==================== Socket Connection ==================== // ==================== Socket Connection ====================
function connect(serverUrl) { function connect(serverUrl) {