Добавление потока от IP-камеры на свой сайт
В настоящее время все активнее развивается область онлайн трансляций, а именно передача видео и аудио потока в реальном времени большому количеству пользователей (устройств) через сеть Интернет. Например, футбольный матч, хирургическая операция, презентация товара, все это может быть сюжетом для онлайн трансляции.
В качестве источников транслируемого сигнала могут выступать веб-камеры, IP-камеры, видеокамеры смартфонов, сетевые стримеры и медиа серверы. Просматривать трансляции можно как с компьютера, так и с мобильных устройств: смартфонов, планшетов. Далее будем рассматривать IP-камеру в качестве источника трансляции, как одно из наиболее доступных и распространенных решений.
Пользователь, желающий внедрить в свой сайт поток с IP-видеокамеры, должен выбрать способ организации онлайн-трансляции. При написании данной статьи для демонстрации я использовала IP-камеру Axis. Аналогичным образом можно использовать камеры других производителей.
Способ 1. Трансляция видео потока от IP-камеры напрямую
Это самый простой способ трансляции, так как для него требуется только IP-камера и подключение к сети, желательно (но не обязательно), со статическим IP-адресом. IP-адрес может быть как внешний, так и внутренний/локальный (в этом случае потребуется проброс портов на сетевом оборудовании). Для отображения онлайн потока на сайте, в код страницы необходимо добавить html-код плеера IP-камеры.
На примере камеры Axis P1425-LE последовательность шагов будет следующей:
1) Заходим на страницу Live-View видеокамеры:
2) Копируем html-код плеера к видео камере из исходного кода страницы камеры (нажать правой кнопкой мыши на изображении с камеры и выбрать пункт Inspect element):
3) В html-код вносим информацию об IP-адресе камеры в виде IP-address/далее html-код и убираем фрагмент кода «?timestamp=1436262599830», чтобы получать онлайн-поток, а не единичный скриншот (timestamp – это временная метка, формируемая камерой, указывающая на конкретный видео кадр в конкретный момент времени, то есть фактически это единичный скриншот кадра). Основной задачей данной манипуляции является получение адреса потока от камеры.
4) Полученную строку вставляем в код своего сайта в требуемое место расположения плеера. Пример моего сайта:
Главными преимуществами данного способа являются: простота реализации, отсутствие дополнительных затрат. Однако, данный способ имеет следующие недостатки:
- получение онлайн потока в формате motion JPEG. Этот формат требователен к полосе пропускания и часто дает «подтормаживающее» изображение. Для получения потока, например, в формате H.264 может потребоваться установка на клиентское устройство дополнительного видео плеера (плагина для браузера), что не всегда удобно;
- из-за часто имеющихся ограничений по каналу подключения камеры, могут возникать существенные ограничения по количеству одновременных подключений;
- максимальное количество подключений ограничено производительностью процессора камеры (обычно это 4-6 вьюверов);
- как правило, для записи трансляции нужно использовать дополнительное ПО;
- ограниченная кроссплатформенность: для просмотра потока от видеокамеры может понадобиться установка дополнительного программного обеспечения, особенно актуально для мобильных устройств;
- низкий уровень безопасности: IP-адрес камеры доступен в исходном коде страницы.
Способ 2. Организация собственного медиа сервера
Медиа сервер предназначен для приема медиа потоков от различных источников или медиа файлов и раздачи их для просмотра на различные пользовательские платформы. Отличительной особенностью медиа серверов является поддержка источников различных форматов. Далее сигнал в требуемом формате по нужному протоколу передается на клиентские устройства.
Кроме основной функции по организации трансляции сигналов, медиа сервер может предоставлять дополнительный функционал: ограничение доступа к трансляции, размещение на сервере видео и аудио файлов и обеспечение доступа к ним, запись трансляций и прочее.
К наиболее популярным медиа серверам относятся:
Отдельно можно упомянуть два бесплатных проекта медиа серверов: nginx-rtmp и red5.
К несомненным преимуществам организации собственного медиа сервера относятся кроссплатформенность, неограниченная запись трансляций и практически неограниченное по сравнению с первым способом количество онлайн вьюеров. Но для того, чтобы установить и настроить медиа сервер необходимы соответствующие компетенции, мощные серверы для обслуживания большого количества посетителей и исходный бюджет. Поэтому для тех, кому при организации онлайн-трансляции нужны минимальные финансовые затраты, устойчивость к наплывам посетителей, подойдет третий способ.
Способ 3. Использование сервиса онлайн трансляций
В настоящее время все большую популярность приобретают сервисы онлайн-трансляций. Эти сервисы предоставляют функционал медиа сервера из облака.
Среди преимуществ использования сервисов онлайн-трансляций:
- устойчивость к большому количеству посетителей,
- простота создания и модерирования онлайн-трансляции,
- широкие возможности записи трансляций,
- богатая аналитика и дополнительные возможности.
Как правило, такие сервисы выносят дополнительный функционал в платные тарифы. При этом возможность вставки трансляции на свой сайт и кастомизации плеера тоже зачастую входит в платный пакет услуг.
В качестве примера я рассмотрю бесплатный сервис Lideo.
Работа с ним начинается со стандартной регистрации:
После регистрации пользователь получает доступ к полному функционалу сервиса. Это:
1) Организация трансляции от разных источников: IP-камеры, веб-камеры, видео камеры смартфонов, рабочий стол компьютера.
P.S. Следует отметить, что трансляции (потоки) создаются в специальных контейнерах, называемых Лидео. В одном Лидео может быть множество трансляций. Это удобно с точки зрения распределения трансляций по темам.
2) Ограничение доступа к Лидео с трансляциями, например, по паролю или по списку друзей.
3) Отсутствие ограничения на одновременное количество просмотров и количество транслируемых источников
4) Кроссплатформенность: не требует установки на устройство пользователя дополнительного программного обеспечения для просмотра трансляции.
5) Отсутствие ограничений на разрешение получаемого от видео камеры потока. Можно транслировать поток с разрешением вплоть до FullHD.
6) Отображение онлайн-трансляций на карте мира — очень наглядно и удобно.
7) Наличие функционала социальной сети. У каждого зарегистрированного пользователя есть стена, возможность формировать список друзей и вести с ними переписку в чате.
Но вернемся к задаче добавления на свой сайт трансляции от IP-камеры с помощью сервиса Lideo. Решается она за несколько шагов:
1) Нужно создать видео поток от IP-камеры:
2) Нажать «Поделиться/HTML-код», чтобы получить html-код для добавления на свой сайт. Сервис Lideo формирует html-код сам, дополнительных манипуляций с кодом и знания специфики его формирования не требуется.
3) Добавить сформированный html-код в свой сайт, например:
В итоге получаем:
Хочу еще раз отметить, что такой способ добавления потока от IP-камеры на собственный сайт делает его доступным большому количеству посетителей, позволяет просматривать трансляцию с различных устройств, повышает безопасность за счет сокрытия интерфейса IP-камеры.
Источник
Система домашнего видеонаблюдения
Первый этап
Первое, с чего я начал строить свою систему – это изучения основ построения систем видеонаблюдения. По сути, любая система видеонаблюдения представляет видеокамеру, подключенную к некому цифровому устройству, которое отвечает за обработку видеосигнала с камеры, запись картинки и выдачу тревожных сообщений. Запись может производиться в постоянном режиме или только в случае какого-либо события (обнаружения движения, прикрытие камеры, отключение камеры или срабатывания какого-либо датчика). Современные системы видеонаблюдения тесно связаны с интернет, что позволяет видеть живую картинку с камер, просматривать записанные ролики и управлять системой видеонаблюдения находясь на другом конце земного шара.
Для упрощения своей задачи я решил остановиться на самой современной платформе — IP камеры. Это, пожалуй, не только самый современный, но и самый дорогой вариант. По сути, каждая IP камера представляет собой отдельную систему видеонаблюдения, в которой реализован весь необходимый функционал.
Далее мне необходимо было найти способ складирования видеоинформации, т.к. я давно отказался от стационарного ПК в пользу ноутбука, мной было принято решение осуществить еще одну из своих давних хотелок: домашний сервер. Сказано – сделано, HP ProLiant MicroServer G7 N54L стоял у меня на полке, благо его стоимость сейчас 8 870 руб., что очень даже интересно для железки такого класса к нему приобрел HDD WD Red WD20EFRX, 2Тб за 3 920 руб. На него был установлен Windows Home Server 2011. На этом подготовка к появлению IP камеры было готово.
Скажу честно, вся эта идея довольно спонтанная, и толком не обдуманная ни бюджет, ни ресурсы мною заранее не рассчитывались, все делал по ходу возникновения порывов.
Второй этап
Второе – выбор IP камеры. Главным критерием при выборе было наличие Wi-Fi, дабы не тянуть провода по всей квартире. Должным образом, не изучив вопрос, выбрал самую доступную и простую камеру IP D-LINK DCS-931L за 2 080 руб. и вот тут я понял, что нужно внимательно изучать характеристики того, что покупаешь.
По сути все, что она умеет, это показывать картинку в реальном времени, а все что связано с вопросом хранения изображений с камеры присутствует лишь в более дорогих версиях. Я не буду выкладывать все тх данной камеры, ограничусь лишь описанием её основного функционала:
- Трансляция видео потока в реальном времени через облачный сервер D-Link. Присутствует так же мобильное приложение для этого сервиса, что позволяет в реальном времени просматривать картинку с камеры на любом мобильном устройстве (записывать нельзя, только фото).
- Просмотр видеопотока через web-интерфейс.
- Отправление фото и видео на FTP, причем главный фейл, что видео не может превышать 3мб.
Исходя из имеющихся возможностей, я поднял FTP сервер на MicroServer’е штатными средствами Windows и настроив камеру соответствующим образом, организовал потоковую запись на сервер. В результате я получил громадную кучу 3МБ файлов с несколько секундными видео. С практической точки зрения – получил не пригодный для просмотра и анализа видеоархив, причем видео поток плохо сжат (но чего требовать от MJPEG). В дальнейшем, мною было принято решение о переносе этой камеры в подъезд и настройки записи по событию, т.е. пишет только тогда, когда есть движение в кадре. Если вдруг кто-то захочет её открутить, то я буду знать, как он выглядел. Вторым существенным недостатком данной камеры было конечно качество изображения, не то чтобы маленькое разрешение 640×480, а главное маленький угол обзора 45°, что крайне мало для обхвата площади комнаты из угла, через камеру мы увидим лишь треть площади. И ко всему плоха чувствительность сенсора, видно лишь при хорошем свете, ночного режима съемки тут нет, ах да и звук ужасный.
Третий этап
Третьим этапом моей хотелки был выбор новой IP-камеры с возможностью записи потокового видео на удаленный сервер, хорошим углом обзора и режимом ночной съемки. Здесь я уже подошел ответственно к выбору, но каково было мое удивление, что нет ни одной камеры в пределах 200$ которая бы соответствовала моим критериям, а по сути это тот минимум, который превращает обычную web-камеру в инструмент видеонаблюдения.
После недельного изучения специализированных форумов мой выбор остановился на камере HIKVISION DS-2CD2432F-IW, стоимость которой составляла 7 590 руб.
Немного о ней:
Тип матрицы: CMOS
Фокусное расстояние: 4 мм
Разрешение камеры: 3 Мп
Wi-Fi: 802.11n
Сетевые протоколы: TCP/IP, HTTP, DHCP, DNS, DDNS, RTP, RTSP, PPPoE, SMTP, NTP, SNMP, HTTPS, FTP,802.1x, Qos (SIP, SRTP, IPv6 опция)
Поддержка карт памяти: Micro SD до 32 Гб.
Характеристики съемки
Разрешение: 2048 х 1536
Форматы сжатия видео: H.264/MJPEG
ИК подсветка: есть
Дистанция ночной съемки: 10 м
Угол обзора: 75.8 °
Срабатывание тревоги: PIR-датчик / Детектор движения / Потеря видео / Конфликт IP адресов Рассоединение сети/ Замена видео / Контроль хранения данных
Еще несколько моментов, которые хотелось бы отметить:
- Встроенный микрофон и динамик, поддерживает двустороннюю передачу звука
- Одновременная трансляция ДВУХ потоков видео, HD и SD качества
- Отдельный аналоговый вход для подключения внешних устройств (к примеру при срабатывании датчика движения можно активировать пулемет или наоборот, при срабатывании пулемета начать запись).
Инструкция для камеры.
Кто это?
Пару слов о бренде: Hikvision Digital Technology — ведущий поставщик систем цифрового видеонаблюдения с собственным офисом и производством в городе Ханчжоу (Китай). Вот даже их ролик-презентация, мне они внушили доверие:
Как вы видите бренд китайский, но камеры с похожими техническими характеристиками производства Европы стоят далеко за 500$. Естественно я испытывал некоторые опасения, выбирая эту камеру, но как оказалось в дальнейшем – это напрасно. Сразу хочу оговориться, что камера поставляется без блока питания, и нам в нагрузку потребуется БП на 12В 1А.
Кто захочет познакомиться с девайсами от данного производителя, сразу хочу порекомендовать российского представителя данной фирмы с адекватным форумом тех. поддержки.
Настройка
Сделав ряд основных настроек, точнее несколько десятков камера начала отдавать поток так, как мне это нужно. Далее моя задача была заставить записывать камеру на удаленный сервер. В качестве которого используется все тот же сервер, с установленной на борту Windows Home Server 2011, который выполняет по сути роль NAS. И тут начались танцы с бубном. Далее я опишу свой опыт настройки который пришлось прочувствовать на собственной шкуре, т.к. ни какой информации в сети мне найти не удалось.
И конечно самое интересное, сравнение изображения с обеих камер, как говориться, тут без комментариев:
Далее мне предстояло заставить данную камеру писать видео поток в архив. Как оказалось, камера может записывать видео поток, используя несколько протоколов: заходим в Настройки – Расширенная конфигурация – Хранилище – NAS.
Для начала я попробовал настроить NAS по протоколу NFS. Тут все просто, под Windows поднимается за 5 минут. После указания в настройках пути к хранилищу NFS камера включает сирену и не затыкается (да да, в камере есть встроенная сирена), после чего я на вкладке «Управление хранением» нажимаю кнопку форматировать, после этого камера замолкает, начинается долгий процесс форматирования, на сервере создаются контейнеры. После завершения форматирования устанавливается статус «Norm» но буквально через пару секунд сбрасывается и камера начинает опять включать сирену. Попробовав раз 5, все время получал одно и тоже.
Дальше я попробовал подключить по протоколу SMB, тут все ещё проще, обычная общая папка на сервере с настроенными правами доступа.
Так же на вкладке «Управление хранением» форматируем, и о чудо — все работает!
Но остались пару не решенных вопросов:
1. КАК ОТКЛЮЧИТЬ СИРЕНУ? (Она всегда срабатывает если камера теряет связь с сервером).
2. КАК НАЛАДИТЬ ВОССТАНОВЛЕНИЕ СВЯЗИ ПРИ РАЗРЫВАХ СОЕДИНЕНИЯ С NAS? (Если перезагрузить роутер или сервер, камера теряет связь и не восстанавливает ее, пока не перезагрузить камеру и все это сопровождается гадской сиреной).
Первый вопрос мне удалось решить, для этого заходим Настройки – Расширенная конфигурация – События – События. Далее выбираем тип события, в нашем случае это «Ошибка HDD» и убираем галочку Аудио сообщение.
Второй вопрос отпал сам собой, сейчас все восстанавливает сама, Китай одним словом! Хотя теперь все подключено к источнику БП, соответственно при попадании внешнего питания ИБП питает как камеры, так и сервер с роутером. Если отключат свет, то мне приходит СМС на мобильный и я могу по RDP подключиться к серверу и все правильно потушить. При восстановлении питания так же получаю СМС, можно включить сервер через WakeOnLan, причем все с мобильника.
Еще одним приятным бонусом оказалось мобильное приложение iVMS-4500 lite.
Что умеет:
- Показывать картинку в реальном времени
- Записывать поток и делать снимки
- Просматривать архив видеозаписей с удаленного сервера
- Передавать звук на встроенный в камеру динамик (т.о. имеем обратную связь)
- Активация режима тревоги
Четвертый этап
Заставляем все это работать воедино. Вот что у меня в итоге получилось:
Две камеры, внутренняя и наружная. Наружная D-Link пишет по датчику движения в кадре на лестничной клетке, внутренняя записывает обстановку в квартире на постоянной основе. Обе складируют записи на сервер. Сервер раздаёт по DLNA на любые устройства, плюс имеем доступ с мобильника через интернет к обеим камерам, D-Link только в реальном времени, а Hikvision как в реальном, так и к архиву записей. В дальнейшем осталось только придумать зачем мне все это. Доступ к трансляциям по этическим соображениям давать не буду.
Итоговый бюджет
500 руб.
Роутер ZyXEL Keenetic Giga — был, сейчас стоит 3 200 руб.
Блок бесперебойного питания APC 500 — был, сейчас стоит 3 500 руб.
DLNA сервер Serviio Pro 900 руб. (Pro версия для web доступа ко всей медиатеки сервера)
Windows Home Server 2011 — к сожалению не продается, а может быть лишь предустановленным производителем оборудования, так что free.
Итого: 30 560 руб.
Источник