radio95/RadioPlayer
0
1
Fork 0
mirror of https://github.com/radio95-rnt/RadioPlayer.git synced 2026-07-29 15:29:14 +02:00
Code Issues Activity

fix?

Browse Source
This commit is contained in:
kuba
2026-05-10 15:16:59 +02:00
parent abab42ad0b
commit 518fde8a1a
1 changed files with 41 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/web/fm95.html
+41 -28
View File
@@ -165,31 +165,41 @@
let histInput = new Array(MAX_PTS).fill(null); let histInput = new Array(MAX_PTS).fill(null);
let histAudio = new Array(MAX_PTS).fill(null); let histAudio = new Array(MAX_PTS).fill(null);
let histAgc = new Array(MAX_PTS).fill(null); let histAgc = new Array(MAX_PTS).fill(null);
let dispInput = new Array(MAX_PTS).fill(null);
let dispAudio = new Array(MAX_PTS).fill(null);
let dispAgc = new Array(MAX_PTS).fill(null);
const LERP = 0.15; // 0.0 = never moves, 1.0 = instant jump let targets = { input: null, audio: null, agc: null };
let current = { input: null, audio: null, agc: null };
let rafId = null;
function lerp(a, b) { const LERP = 0.18;
if (a === null) return b;
if (b === null) return a; function animateTo(key, target) {
return a + (b - a) * LERP; targets[key] = target;
if (!rafId) rafId = requestAnimationFrame(animStep);
} }
function animLoop() { function animStep() {
rafId = null;
let dirty = false; let dirty = false;
for (let i = 0; i < MAX_PTS; i++) {
const ni = lerp(dispInput[i], histInput[i]); for (const key of ['input', 'audio', 'agc']) {
const na = lerp(dispAudio[i], histAudio[i]); if (targets[key] === null) continue;
const ng = lerp(dispAgc[i], histAgc[i]); const prev = current[key] ?? targets[key];
if (ni !== dispInput[i] || na !== dispAudio[i] || ng !== dispAgc[i]) dirty = true; const next = prev + (targets[key] - prev) * LERP;
dispInput[i] = ni; if (Math.abs(next - targets[key]) < 0.0001) {
dispAudio[i] = na; current[key] = targets[key];
dispAgc[i] = ng; } else {
current[key] = next;
dirty = true;
}
} }
if (dirty) drawScope();
requestAnimationFrame(animLoop); // only push to history when the tip actually moves
histInput[histInput.length - 1] = current.input;
histAudio[histAudio.length - 1] = current.audio;
histAgc[histAgc.length - 1] = current.agc;
drawScope();
if (dirty) rafId = requestAnimationFrame(animStep);
} }
const canvas = document.getElementById('scope'); const canvas = document.getElementById('scope');
@@ -279,9 +289,9 @@
ctx.stroke(); ctx.stroke();
} }
drawLine(dispInput, '#f472b6'); drawLine(histInput, '#f472b6');
drawLine(dispAudio, '#38bdf8'); drawLine(histInput, '#38bdf8');
drawLine(dispAgc, '#fb923c'); drawLine(histInput, '#fb923c');
} }
function decode(b64) { function decode(b64) {
@@ -301,16 +311,19 @@
const el = document.getElementById(key); const el = document.getElementById(key);
const bar = document.getElementById('bar_' + key); const bar = document.getElementById('bar_' + key);
el.innerHTML = `${cfg.fmt(v)}${cfg.unit ? `<span class="card-unit">${cfg.unit}</span>` : ''}`; el.innerHTML = `${cfg.fmt(v)}${cfg.unit ? `<span class="card-unit">${cfg.unit}</span>` : ''}`;
bar.style.width = cfg.bar(v) + '%'; bar.style.width = cfg.bar(v) + '%';
bar.style.background = cfg.warn(v) ? '#ef4444' : ''; bar.style.background = cfg.warn(v) ? '#ef4444' : '';
} }
}); });
// push to oscilloscope history // replace the three histX.push() lines with:
histAgc.push(values[2]); if (histAgc.length > MAX_PTS) histAgc.shift(); histInput.push(current.input ?? values[3]); if (histInput.length > MAX_PTS) histInput.shift();
histInput.push(values[3]); if (histInput.length > MAX_PTS) histInput.shift(); histAudio.push(current.audio ?? values[4]); if (histAudio.length > MAX_PTS) histAudio.shift();
histAudio.push(values[4]); if (histAudio.length > MAX_PTS) histAudio.shift(); histAgc.push(current.agc ?? values[2]); if (histAgc.length > MAX_PTS) histAgc.shift();
drawScope();
animateTo('input', values[3]);
animateTo('audio', values[4]);
animateTo('agc', values[2]);
document.getElementById('last-update').textContent = `Last update: ${new Date().toLocaleTimeString()}`; document.getElementById('last-update').textContent = `Last update: ${new Date().toLocaleTimeString()}`;
} }