Веб-интерфейс: Live-плеер и элементы управления
Компонент Live-плеера в RUSEON Core обеспечивает непрерывный просмотр видеопотоков в браузере по протоколу WebRTC WHEP с автоматическим резервным переключением на HLS.
1. Архитектура WebRTC и автоматический фейловер
- Основной движок (WebRTC WHEP): Подключается через нативный
RTCPeerConnectionбраузера. Обеспечивает сквозную задержку< 500мсс синхронным звуком. - Резервный движок (Hls.js): Если корпоративный фаервол клиента блокирует UDP-порты
50000-50100, плеер автоматически и бесшовно переключается на поток HLS за 2 секунды.
2. Наложение AI-детекций на Canvas (AI Bounding Boxes)
При поступлении данных видеоаналитики:
- Координаты передаются через WebRTC DataChannel (
label: "metadata"). - Плеер отрисовывает рамки, метки классов (
человек 0.94,автомобиль 0.88) и трекинг объектов на слое HTML5 Canvas поверх видео с частотой 60 FPS. - Оператор может включить или выключить слой детекций кнопкой на панели плеера.
3. Панель управления плеером
- Управление PTZ: Экранный джойстик поворота, наклона и оптического зума для камер с поддержкой ONVIF.
- Быстрый снимок (Snapshot): Захват текущего несжатого кадра видео в файл PNG/JPEG одним кликом.
- Управление звуком: Включение и регулировка громкости микрофона камеры.
- Полноэкранный режим и PiP: Разворачивание на весь экран или переход в режим «Картинка в картинке» (Picture-in-Picture).