-
🔊 ЗВУК
diff --git a/cmd/server/web/js/app.ts b/cmd/server/web/js/app.ts
index 3c185cf..0831602 100644
--- a/cmd/server/web/js/app.ts
+++ b/cmd/server/web/js/app.ts
@@ -19,13 +19,13 @@ import {
setBars,
setSignal,
setAudioIndicator,
- DOM
+ DOM,
+ updateAllChannels
} from "./ui.js";
import { initAccordion } from "./accordion.js";
import { drawChart } from "./chart.js";
import { initResize } from "./layout.js";
import { initCamera } from "./camera.js";
-import { updateAllChannels } from './ui.js';
import { audioEngine } from "./audio.js";
let lastChart: number = 0;
@@ -56,24 +56,20 @@ window.addEventListener("DOMContentLoaded", () => {
if (signalLevel !== lastSignalLevel) {
lastSignalLevel = signalLevel;
audioEngine.updateLevel(signalLevel);
-
- // Обновляем индикатор звука
- const isActive = signalLevel > 0;
- setAudioIndicator(isActive, signalLevel);
+ setAudioIndicator(signalLevel > 0, signalLevel);
}
}
});
});
document.addEventListener('DOMContentLoaded', () => {
- // Обработчик для кнопки закрытия камеры
const closeBtn = document.getElementById('camCloseBtn');
const toggleBtn = document.getElementById('camToggle');
if (closeBtn) {
closeBtn.addEventListener('click', () => {
if (toggleBtn) {
- toggleBtn.click(); // Эмулируем нажатие кнопки переключения
+ toggleBtn.click();
}
});
}
@@ -104,17 +100,13 @@ document.addEventListener("keydown", (e: KeyboardEvent) => {
}
break;
case 'm':
- // Toggle звука
if (lastSignalLevel > 0) {
- // Временно отключаем
audioEngine.updateLevel(0);
setAudioIndicator(false);
console.log('[Audio] Звук отключён (M)');
- // Сохраняем уровень для восстановления
window._mutedLevel = lastSignalLevel;
lastSignalLevel = 0;
} else {
- // Восстанавливаем уровень
const level = window._mutedLevel || state.peakSignalLevel;
if (level > 0) {
audioEngine.updateLevel(level);
@@ -164,23 +156,33 @@ async function update(): Promise {
const arr = Array.isArray(history.bytes) ? history.bytes : [];
const raw = arr[arr.length - 1] ?? 0;
+ // Обновляем историю сигналов в state
if (arr.length > 0 && isOnline) {
const bufferSize = health.stats?.filled ?? 0;
addSignals(arr, bufferSize);
- updateAllChannels(arr);
}
- const value = raw & 0x3F;
- const level = (raw >> 6) & 0x3;
- const percent = (value / 63) * 100;
+ // ===== ПАРСИНГ ДАННЫХ =====
+ // Биты 0-5: значение (0-63)
+ // Биты 6-7: уровень сигнала (0-3)
+ const value = raw & 0x3F; // 0-63
+ const level = (raw >> 6) & 0x3; // 0-3
+ const percent = (value / 63) * 100; // 0-100%
+
+ // ===== ОБНОВЛЯЕМ КАНАЛЫ =====
+ // Передаем сырые данные для отображения в каналах
+ updateAllChannels(arr);
if (isOnline) {
+ // ===== Обновляем Peak Holder (проценты) ====
const displayValue = updatePeakHolder(percent);
setBars(displayValue);
+ // Обновляем уровень сигнала с Peak Holder
const displaySignalLevel = updateSignalPeakHolder(level);
setSignal(displaySignalLevel);
+ // Обновляем звук
const currentSignalLevel = state.peakSignalLevel;
if (currentSignalLevel !== lastSignalLevel) {
lastSignalLevel = currentSignalLevel;
@@ -239,8 +241,6 @@ async function update(): Promise {
if (consecutiveErrors >= MAX_ERRORS && pollTimer) {
clearInterval(pollTimer);
- pollTimer = window.setInterval(update, 2000);
- console.log("[app] Замедлили опрос до 2с");
}
}
}
@@ -253,7 +253,6 @@ function startPolling(): void {
window.addEventListener("focus", () => {
if (consecutiveErrors >= MAX_ERRORS) {
- console.log("[app] Окно в фокусе, ускоряем опрос");
consecutiveErrors = 0;
startPolling();
}
@@ -270,4 +269,4 @@ declare global {
}
startPolling();
-update();
\ No newline at end of file
+update();
diff --git a/cmd/server/web/js/state.ts b/cmd/server/web/js/state.ts
index 1228c34..429c229 100644
--- a/cmd/server/web/js/state.ts
+++ b/cmd/server/web/js/state.ts
@@ -237,7 +237,6 @@ function scheduleSignalPeakRelease(): void {
state.peakSignalLevel = state.currentSignalLevel;
state.signalPeakTimer = null;
state.hasPeak = false;
- console.log(`[SignalPeak] Сброс пика до: ${state.peakSignalLevel}`);
notifyPeakHolderChange();
}, state.signalPeakHoldTime);
}
\ No newline at end of file
diff --git a/cmd/server/web/js/ui.ts b/cmd/server/web/js/ui.ts
index 71416a8..b103410 100644
--- a/cmd/server/web/js/ui.ts
+++ b/cmd/server/web/js/ui.ts
@@ -1,4 +1,6 @@
-// ui.ts (DOM слой)
+// ui.ts - ИСПРАВЛЕННАЯ ВЕРСИЯ
+// Канал 1 - реальные данные, каналы 2-8 - неактивны
+
export interface DOMElements {
serverTime: HTMLElement | null;
status: HTMLElement | null;
@@ -81,6 +83,7 @@ export function setMeta(v: string): void {
if (DOM.meta) DOM.meta.textContent = v;
}
+// ===== ОСНОВНОЙ ПРОГРЕСС-БАР =====
export function setBars(p: number, noConnection: boolean = false): void {
const el = DOM.barFill;
if (!el) return;
@@ -90,10 +93,16 @@ export function setBars(p: number, noConnection: boolean = false): void {
el.classList.add("no-connection");
} else {
el.classList.remove("no-connection");
- el.style.width = `${Math.max(0, Math.min(100, p))}%`;
+ const percent = Math.max(0, Math.min(100, p));
+ el.style.width = `${percent}%`;
+ // Принудительно устанавливаем рыжий цвет
+ el.style.background = '#e6852d';
+ el.style.backgroundColor = '#e6852d';
+ el.style.backgroundImage = 'none';
}
}
+// ===== ИНДИКАТОРЫ УРОВНЯ СИГНАЛА =====
export function setSignal(level: number, noConnection: boolean = false): void {
const bars = DOM.bars;
if (!bars || bars.length < 3) return;
@@ -187,6 +196,11 @@ export function initChannels() {
item.className = 'channel-item';
item.dataset.channel = String(i);
+ // Только канал 1 активен по умолчанию
+ if (i === 0) {
+ item.classList.add('channel-active');
+ }
+
item.innerHTML = `