rick/LEDMatrix
1
0
Fork 0
mirror of https://github.com/ChuckBuilds/LEDMatrix.git synced 2026-04-10 21:03:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

live preview troubleshooting

Browse Source
This commit is contained in:
Chuck
2025-08-10 12:14:53 -05:00
parent a49feb2971
commit d95e6539e3
2 changed files with 51 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
templates/index_v2.html
View File

@@ -1779,11 +1779,19 @@
// Socket.IO connection
function initializeSocket() {
socket = io({ transports: ['websocket', 'polling'] });
socket = io({
path: '/socket.io',
transports: ['websocket', 'polling'],
reconnection: true,
reconnectionAttempts: Infinity,
reconnectionDelay: 1000,
reconnectionDelayMax: 10000
});
socket.on('connect', function() {
updateConnectionStatus(true);
showNotification('Connected to LED Matrix', 'success');
stopPreviewPolling();
});
socket.on('disconnect', function() {
@@ -1800,6 +1808,12 @@
}, delay);
};
retry();
startPreviewPolling();
});
socket.on('connect_error', function(_err){
updateConnectionStatus(false);
startPreviewPolling();
});
socket.on('display_update', function(data) {
@@ -1807,6 +1821,24 @@
});
}
// Fallback polling when websocket is disconnected
let __previewPollTimer = null;
function startPreviewPolling(){
if (__previewPollTimer) return;
__previewPollTimer = setInterval(fetchCurrentDisplayOnce, 1000);
}
function stopPreviewPolling(){
if (__previewPollTimer) clearInterval(__previewPollTimer);
__previewPollTimer = null;
}
async function fetchCurrentDisplayOnce(){
try {
const res = await fetch('/api/display/current');
const data = await res.json();
if (data && data.image) updateDisplayPreview(data);
} catch (_) {}
}
// Draw pixel grid lines on top of scaled image
function drawGrid(canvas, logicalWidth, logicalHeight, scale) {
const show = document.getElementById('toggleGrid')?.checked;