Трансляция камер видеонаблюдения на сайте — зачем это нужно?

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

Трансляция камер видеонаблюдения на сайте — что для этого нужно?

В первую очередь нужно работающее оборудование видеонаблюдения подключенное к сети интернет. О том как подключить ip камеру, видеорегистратор или видеосервер к интернету мы расскажем в другой раз. В этой статье будем исходить из того что вы и так уже наблюдаете картинку с камер на своем мобильном устройстве или компьютере через интернет. В первую очередь надо убедиться что на вашем устройстве имеется и включена функция rtsp потока. Что касается наличия, то практически на каждом современном устройстве видеонаблюдения имеется функция трансляции rtsp потока, если это устройство вообще умеет подключаться к локальной сети. Но бывают исключения, по этому не мешает все таки убедиться. Как проверить доступна и включена ли данная функция по каждому устройству мы подсказать не можем, тут вам гугл в помощь, но по некоторым частным случаям конечно же подскажем.

Видеорегистраторы AHD dvr h.264 с обычной китайской прошивкой.

Данная функция имеется во всех устройства с поддержкой HD. Находится она в меню Настройки > Система > Сетевые службы  > RTSP

Как вы обратили внимание, на картинке указан порт 554. Это стандартный порт rtsp.

Видеорегистраторы HiWatch/Hikvision

Во всех видеорегистраторах hikvision данная функция присутствует и включена по умолчанию с тем же стандартным портом 554.

В IP камерах Hikvision ( DS-2CD8153F-E например) rtsp поток тоже есть как видно из скрина ниже

И так мы твердо уверенны что rtsp поток с нашего устройства есть и работает, теперь нужно пробросить порт 554 с вашего модема или роутера. О том как это сделать вы можете узнать из множества статей в интернете, просто забив в поиске запрос «проброс портов в (модель устройства)». И еще — вы должны понимать что работать будет только если ваш модем или роутер имеет уникальный ip адрес в интернете. Один совет — если вы не используете больше ваш интернет канал для какого либо удаленного доступа, и не замарачиваетесь с безпасностью доступа к вашим камерам, можете просто включить DMZ на ваше устройство. Там только одна настройка  — ip адрес, по этому  так будет проще и работать будет лучше, но не безопасно так как злоумышленники могут получить доступ к вашим камерам.

Далее следует найти строку подключения к RTSP для вашего видеорегистратора или камеры. У разных производителей и у разных моделей устройств строка подключения к RTSP может быть разной.

Для китайских видеорегистраторов AHD dvr h.264 строка подключения выглядит так:

rtsp:// xxx.xxx.xxx.xxx:554/user=admin&password=psw&channel=1&stream=0.sdp?real_stream

где xxx.xxx.xxx.xxx это ваш внешний ip адрес или dynamic dns вашего роутера, admin — имя пользователя, psw- пароль, а channel=1 это номер камеры

*Для онлайн трансляций рекомендуется завести специального пользователя без прав на администрирование.

Для оборудования Hikvision это:

rtsp://admin:psw@xxx.xxx.xxx.xxx:554/Streaming/Channels/101

где xxx.xxx.xxx.xxx это ваш внешний ip адрес или dynamic dns вашего роутера, admin — имя пользователя, psw- пароль, а 101 это 1 камера 1 поток. Источник тут.

Выбор платформы для трансляции видеонаблюдения на сайте

Все что перечисленно выше нужно для любой трансляции видеонаблюдения на сайте. Дальше нужно определиться с платформой через которую будет транслироваться ваш rtsp поток на сайте. Ктото поднимает свои сервера, кто-то использует vlc плеер, а кто использует бесплатные сервисы типа ivideon или rtsp.me. Мы используем сервис rtsp.me так как он очень прост и удобен. Достаточно вставить строку подключения к rtsp,  о которой мы говорили выше, скопировать сгенерированный html код и вставить его на сайте.

Вот и все:) Пример того, как это работает у нас