Настройка мультиканального просмотра HD камер через браузер

Настройка мультиканального просмотра HD‑камер через браузер

Если вы хотите увидеть несколько камер одновременно в одном окне браузера, но не хотите покупать дорогой промокам и монитор, можно организовать «видеотрансляцию» через интернет. Это удобно для дома, магазина, офиса и даже для небольшого охранного комплекса.

Что понадобится

• HD‑камеры, поддерживающие поток в реальном времени (обычно IP‑камеры с ONVIF/RTSP)
• Устройство‑видеорегистратор или сервер с поддержкой стриминга (например, Y-SS Cloud или NAS)
• Стабильное подключение к интернету и порт, открытый в роутере (по умолчанию 80, 443, 554, 8080)
• Браузер, поддерживающий HTML5 video (Chrome, Firefox, Edge)

Выбор оборудования

Сайт Y‑SS предлагает варианты камер от 800 р. в месяц до корпоративных 4K‑объективов. Достаточно выбрать модели, которые выдаёшь RTSP‑поток:

Если конкретный продукт не виден, перейдите в раздел Общий каталог. Там всегда есть варианты «IP‑камера» и «Видеорегистратор» с настройкой стрима.

Схема подключения

Камера → IP‑регистратор (или NAS с RTSP) → роутер → интернет → клиент‑браузер. Внутри сети камера отдаёт RTSP‑поток, регистратор сохраняет и одновременно генерирует HLS‑или фрагментированный MP4‑поток, который браузер может отобразить.

Внутренний сервер хранит видео и открывает поток на порту 8080, чтобы не конфликтовать с внешними сервисами

Пошаговый настройка

1. Настройка камеры 1) Подключите камеру к сети. 2) В веб‑интерфейсе задайте «IP‑адрес», «логин/пароль» и включите RTSP. 3) Скопируйте ссылку вида rtsp://user:pass@192.168.1.10/stream1.
2. Установка стрим‑сервера Если у вас уже есть NAS, установите плагин nginx‑rtmp‑module или аналог. В конфиге добавьте:

   rtmp {
       server {
           listen 1935;
           push http://localhost:8080/hls; # пересылка в HLS
       }
   }
     

   Это превращает RTSP‑поток в HLS, доступный по HTTP.
3. Проброс портов роутера Перенаправьте 8080 (или 80) наружу на ваш сервер. Если используете HTTPS, откройте 443 и подберите сертификат.
4. HTML‑страница Создайте файл index.html:

   <video width="640" height="480" controls autoplay>
     <source src="http://your.public.address/hls/stream1.m3u8" type="application/x-mpegURL">
   </video>
     

   Разместите страницу на веб‑сервере (Apache, Nginx, IIS).
5. Тест Откройте домен в браузере, убедитесь, что видео загружается. Если поток не открывается, проверьте firewall, наличие SSL‑сертификата и правильность URL.

Безопасность и законность

В России правила видеонаблюдения регламентируются законом «О обеспечении безопасности граждан». Ключевые требования:

• Камеры только в пределах собственной территории (избегайте сквозного обзора через чужие окна).
• Информирование посетителей о наличии камер (вывешивание знаков).
• Хранение записи не более 30 дней (если не требуется иной срок).
• Соблюдение правил обработки персональных данных – храните логины/пароли в зашифрованной базе.

Веб‑поток можно защитить паролем Basic auth или авторизацией через OAuth.

Как оценить цена

Проверьте на сайте Y‑SS конкретные модели и цены. Обычно в акции включают бесплатный месяц тесту.

Чек‑лист перед запуском

• Адрес камеры + RTSP‑стрим ✓
• Сервер (NAS/Регистратор) и RTMP/HLS настроены ✓
• Проброс портов и SSL (если нужен) ✓
• Поток отрабатывает в браузере ✓
• Все права доступа защищены ✓

Такой набор позволяет вести видеонаблюдение в реальном времени без дорогих систем, а благодаря простому веб‑оформлению все участники видят нужный канал, как в «Магазинный Квартал» на их телефон или планшет. При необходимости систему можно масштабировать на десятки камер, подключив к более мощному серверу и подстановив дополнительные HLS‑сервисы.