Трансляция в браузере RSTP видеопотока с IP камеры или видеорегистратора
Инструкция по настройке без установки расширений
Видео с камеры или видеорегистратора идет в приложении, но как его показать всем желающим? Просить каждого установить приложение и вводить пароль, хм... не очень-то удобная заетя. А если хочется опубликовать видео с камеры на своем сайте, то без установки расширений в браузере на многих камерах это не получится, но решение есть!
На самом деле, трансляцию RTSP видеопотока с IP камеры или видеорегистратора в браузере без установки расширений легко настроить самостоятельно.
Для Вашего удобства Инструкция поделена на шаги, а слева расположено меню для быстрой навигации. В первом шаге сформируем RTSP адрес, во втором настроим роутер, а в третьем опубликуем видео для публичного доступа.
Все получится, приступим!
Вначале требуется узнать RTSP адрес от камеры или видеорегистратора. У каждой модели свой формат адреса, обратитесь к продавцу или руководству пользователя на сайте производителя. Ниже приведены примеры таких адресов. Слова написанные заглавными буквами XXX заменяются своими значениями.
Прежде чем продолжить, проверьте тип видеокодека в камере или видеорегистраторе. Требуется кодек H.264 или H.265x. Кодек H.265 будет стоить дополнительно 10€ за каждую камеру.
| Производитель | Формат RTSP адреса |
|---|
| TP-Link Tapo | rtsp://USERNAME:PASSWORD@IP:PORT/STREAM |
| XMEye | rtsp://IP:PORT/user=USERNAME&password=PASSWORD&channel=1&stream=0.cgi |
Как видно из примеров, RTSP адрес может иметь любой формат и порядок параметров. На сайте ispyconnect.com/cameras собраны форматы для большого количесва камер. Далее мы будем рассматривать настройку на основе камеры TP-Link Tapo C100.
После подстановки ваших данных, RTSP адрес в локальной сети может выглядеть так rtsp://admin:qwerty@192.168.1.10:554/stream2, где:
admin - имя пользователя или логин в камере (USERNAME),qwerty - пароль пользователя в камере (PASSWORD),192.168.1.10 - локальный ip-адрес камеры (IP),554 - стандартный RTSP порт (PORT),stream2 - качество видео (STREAM).
Логин, пароль и IP подставляйте свои. Локальный IP адрес камеры можно узнать в веб-интерфейсе роутера, к которому она подключена, в разделе "Список подключенных устройств". Другой вариант в приложении: зайдите в просмотр камеры, нажмите на шестиренку, чтобы зайти в настройки, нажмите на название камеры, в списке будет поле "IP адрес".
Проверим корректность RSTP адреса в локальной сети. Без этого действия дальнейшие настройки бессмысленны.
Скачайте и установите на компьютер VLC Player с официального сайта. Запустите плеер. Зайдите в "Медиа", нажмите "Открыть URL...", откройте вкладку "Сеть", вставьте RTSP адрес и нажмите кнопку "Воспроивести".
Если увидели видео с камеры, то теперь можно переходить в следующему шагу. Если нет, то проверьте все параметры в RSTP адресе и повторите попытку или измените настройки в VLC Player. Для этого зайдите в "Инструменты", нажмите "Настройки", откройте вкладку "Ввод/кодеки", прокрутите вниз и в разделе "Сеть" у параметра "Транспорт потока Live 555" выберите "RTP поверх RTSP (TCP)".
После успешной проверки видеопотока в VLC Player можно переходить к настройке роутера. Его настройка заключается в привязке статического IP адреса и пробросу с него порта на локальный порт камеры. Подробное описание привязки IP и примеры правил есть в инструкциях для разных моделей роутеров, а наши рекомендации и минимальные требования к роутерам находятся здесь.
В инструкциях для роутеров описан вариант их настройки для просмотра через браузер с установкой расширений, но когда требуется только публикация RSTP потока этого делать не нужно. Поэтому после авторизации роутера на статическом IP адресе и настройки Контроля соединения возвращайтесь к данной точке.
ПОЛУЧИТЬ
СТАТИЧЕСКИЙ IP АДРЕС
Основываясь на примерах правил из основной инструкции роутера, создадим правило проброса порта для RSTP адреса. К примеру, если выданный диапазон портов на статическом IP от 10000 до 10099 и порт 10005 ничем не занят, то используем его в правиле.
Поле Описание или Имя правила обязательно для заполнения.
| Параметр | Значение |
|---|
| Включить правило | Да |
| Описание / Имя | RSTP |
| Протокол | TCP |
| Вход / Входящий интерфейс | BiREVIA ID |
| Внешний порт | 10005 |
| Выход / Внутренний IP | 192.168.1.10 |
| Внутренний порт | 554 |
После сохранения правила заменим локальные IP и порт на внешние в RTSP адресе. Если система выдала статический IP 185.195.0.0, то локальный RTSP адрес из
rtsp://admin:qwerty@192.168.1.10:554/stream2 превратится в такой
rtsp://admin:qwerty@185.195.0.0:10005/stream2. Проверьте его также через VLC Player.
ПОЛУЧИТЬ
СТАТИЧЕСКИЙ IP АДРЕС
Самая приятная и заключительная часть :)
Переходите на сервис rtsp.me и вставляйте полученный в предыдущем шаге RTSP адрес в соответствующее поле. Полученную ПОСТОЯННУЮ ССЫЛКУ можете отправлять любому желающему, она откроется в браузере без установки расширений или скопируйте HTML КОД для вставки на своем сайте.
Обратите внимание, что сервис rtsp.me позваляет бесплатно воспроизводить видеопоток в кодеке H.264 или H.265x, а H.265 только за плату.
Для добавления второй камеры зайдите в аккаунт сервиса rtsp.me указав пароль, который пришел на ваш емеил после добавления первой камеры.
Сервис позволяет сделать приватный доступ к камерам (по логину и паролю). Для этого выберите камеру и на вкладке Доступ поставьте галку на параметр "Доступно только авторизованным пользователям". Нажмите кнопку "Сохранить". По ссылке https://rtsp.me/my введите емеил и пароль от сервиса rtsp.me, чтобы смотреть камеры. Если на вкладке Основные настройки указать "Имя камеры" для каждой, то при просмотре, в левом меню их удобно различать.
Как видите, создать веб трансляцию RSTP видеопотока без установки расширений в браузере достаточно просто. Эта процедура не требует специальных познаний, а с нашей универсальной Инструкцией выполнить ее сможет каждый :-)