Как зайти на ИП камеру через браузер

Трансляция в браузере RSTP видеопотока с IP камеры или видеорегистратора

Видео с камеры или видеорегистратора идет в приложении, но как его показать всем желающим? Просить каждого установить приложение и вводить пароль, хм. не очень-то удобная заетя. А если хочется опубликовать видео с камеры на своем сайте, то без установки расширений в браузере на многих камерах это не получится, но решение есть!

На самом деле, трансляцию RTSP видеопотока с IP камеры или видеорегистратора в браузере без установки расширений легко настроить самостоятельно.

Для Вашего удобства Инструкция поделена на шаги, а слева расположено меню для быстрой навигации. В первом шаге сформируем RTSP адрес, во втором настроим роутер, а в третьем опубликуем видео для публичного доступа.

Все получится, приступим!

Шаг 1. Формат RTSP адреса

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

настройка браузера для подключения камер

Прежде чем продолжить, проверьте тип видеокодека в камере или видеорегистраторе. Требуется кодек H.264 или H.265x. Кодек H.265 будет стоить дополнительно 10€ за каждую камеру.

Как видно из примеров, RTSP адрес может иметь любой формат и порядок параметров. На сайте ispyconnect.com/cameras собраны форматы для большого количесва камер. Далее мы будем рассматривать настройку на основе камеры TP-Link Tapo C100.

• admin — имя пользователя или логин в камере (USERNAME),
• qwerty — пароль пользователя в камере (PASSWORD),
• 192.168.1.10 — локальный ip-адрес камеры (IP),
• 554 — стандартный RTSP порт (PORT),
• stream2 — качество видео (STREAM).

Логин, пароль и IP подставляйте свои. Локальный IP адрес камеры можно узнать в веб-интерфейсе роутера, к которому она подключена, в разделе «Список подключенных устройств». Другой вариант в приложении: зайдите в просмотр камеры, нажмите на шестиренку, чтобы зайти в настройки, нажмите на название камеры, в списке будет поле «IP адрес».

Проверка RTSP адреса

Проверим корректность RSTP адреса в локальной сети. Без этого действия дальнейшие настройки бессмысленны.

Скачайте и установите на компьютер VLC Player с официального сайта. Запустите плеер. Зайдите в «Медиа», нажмите «Открыть URL. «, откройте вкладку «Сеть», вставьте RTSP адрес и нажмите кнопку «Воспроивести».

Если увидели видео с камеры, то теперь можно переходить в следующему шагу. Если нет, то проверьте все параметры в RSTP адресе и повторите попытку или измените настройки в VLC Player. Для этого зайдите в «Инструменты», нажмите «Настройки», откройте вкладку «Ввод/кодеки», прокрутите вниз и в разделе «Сеть» у параметра «Транспорт потока Live 555» выберите «RTP поверх RTSP (TCP)».

Подключение IP камеры к компьютеру, изменение IP адреса камеры

Шаг 2. Настройка роутера

После успешной проверки видеопотока в VLC Player можно переходить к настройке роутера. Его настройка заключается в привязке статического IP адреса и пробросу с него порта на локальный порт камеры. Подробное описание привязки IP и примеры правил есть в инструкциях для разных моделей роутеров, а наши рекомендации и минимальные требования к роутерам находятся здесь.

В инструкциях для роутеров описан вариант их настройки для просмотра через браузер с установкой расширений, но когда требуется только публикация RSTP потока этого делать не нужно. Поэтому после авторизации роутера на статическом IP адресе и настройки Контроля соединения возвращайтесь к данной точке.

Правило для RSTP адреса

Основываясь на примерах правил из основной инструкции роутера, создадим правило проброса порта для RSTP адреса. К примеру, если выданный диапазон портов на статическом IP от 10000 до 10099 и порт 10005 ничем не занят, то используем его в правиле.

Поле Описание или Имя правила обязательно для заполнения.

Шаг 3. Публикация видео

Самая приятная и заключительная часть 🙂

Переходите на сервис rtsp.me и вставляйте полученный в предыдущем шаге RTSP адрес в соответствующее поле. Полученную ПОСТОЯННУЮ ССЫЛКУ можете отправлять любому желающему, она откроется в браузере без установки расширений или скопируйте HTML КОД для вставки на своем сайте.

Обратите внимание, что сервис rtsp.me позваляет бесплатно воспроизводить видеопоток в кодеке H.264 или H.265x, а H.265 только за плату.

Для добавления второй камеры зайдите в аккаунт сервиса rtsp.me указав пароль, который пришел на ваш емеил после добавления первой камеры.

Сервис позволяет сделать приватный доступ к камерам (по логину и паролю). Для этого выберите камеру и на вкладке Доступ поставьте галку на параметр «Доступно только авторизованным пользователям». Нажмите кнопку «Сохранить». По ссылке https://rtsp.me/my введите емеил и пароль от сервиса rtsp.me, чтобы смотреть камеры. Если на вкладке Основные настройки указать «Имя камеры» для каждой, то при просмотре, в левом меню их удобно различать.

Как видите, создать веб трансляцию RSTP видеопотока без установки расширений в браузере достаточно просто. Эта процедура не требует специальных познаний, а с нашей универсальной Инструкцией выполнить ее сможет каждый 🙂

Источник: birevia.com

Удаленное видеонаблюдение через
Google Chrome и Mozilla Firefox

Опубликовано 17.04.2017

Удаленно просматривать камеры видеонаблюдения через интернет можно несколькими способами:

• через специальную программу-менеджер, установленную на ваш компьютер или смартфон
• через интернет браузер, без установки дополнительного ПО (только для ПК)

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

Так есть ли способ смотреть камеры онлайн через Google Chrome, Mozilla Firefox, Opera, Internet Explorer?

Способ есть, но только для браузеров Google Chrome и Mozilla Firefox.

Так как это два самых популярных интернет просмотрщика в мире, то такой вариант нас устраивает.
А, так как Google Chrome, несомненно, самый популярный браузер для большинства пользователей, то мы будем «танцевать с бубном» вокруг него.

И рассматривать мы будем настройку «удаленки» на примере камер или регистраторов Hikvision по причине, опять же, наибольшего распространения этого бренда, согласно доступной нам статистике.

Все описанные ниже манипуляции не сложные и займут не более десяти минут вашего времени.

Итак, при заходе на IP адрес или DDNS сервер удаленного устройства через Google Chrome, вы видите предложение скачать и установить плагин, хотя он уже десять раз скачан и установлен. Но картинка на регистраторе так и не появилась.

Причина в том, что в последних версиях Google Chrome была отключена поддержка сторонних NPAPI плагинов и они перестали запускаться.
Это забота Гугла о нашей с вами безопасности. Что, конечно, хорошо, но не очень удобно для пользователей.

Поэтому поступаем так:

Открываем Chrome и заходим в настройки браузера, нажав на иконку в правом верхнем углу за адресной строкой.
Адресная строка – это там, где вы можете написать адрес сайта вида «https://….» для последующего перехода на него.
(Вижу снисходительные улыбки опытных пользователей, почти хакеров…)
В открывшемся меню выбираем
Дополнительные инструменты,
а затем
Расширения.

В открывшемся меню Расширения вы увидите те, которые у вас установлены. Не обязательно такие, какие показаны в примере ниже.

Внизу под списком расширений нажимаем на ссылку Еще расширения и переходим (если вы подключены к интернету) на страницу Гугла, в так называемый Интернет-магазин Chrome.

В окно поиска, как показано на рисунке, вбиваем название необходимого нам плагина для браузера:
ie tab

После того, как он нашелся на странице, нажимаем
Установить
и на следующем шаге подтверждаем серьезность наших намерений, нажав
Установить расширение:

После окончания установки вам откроется вот такая страничка. На ней в правом верхнем углу появилась иконка нашего нового расширения IE Tab.
Нажимаем на нее и запускаем установку приложения ietabhelper.exe.

Вот, так как на рисунках внизу:

После этого перезапускаем браузер, то есть, закрываем его и снова открываем его.
Вбиваем в адресную строку IP адрес нашего устройства или адрес сервера DDNS и заходим на него.
После этого включаем вновь установленный плагин, нажав на его иконку.
Появляется вторая адресная строка ниже основной, говорящая нам о том, что плагин заработал. При этом обновляется страница входа на регистратор (IP камеру) Hikvision. Если вы до этого вводили логин и пароль на вход, то эту процедуру необходимо проделать заново.

Вводим логин и пароль и попадаем на наш регистратор или IP камеру. Если есть необходимость, устанавливаем плагин устройства. Во время установки браузер должен быть закрыт.

После этого начинаем сначала – заходим на устройство, включаем плагин, вводим логин и пароль.
Немного напряженного ожидания…
Ура. Все заработало!

Надеюсь, что у вас тоже.

В случае с Mozilla Firefox, если вы хотите просматривать удаленку через него, необходимо будет удалить стандартный браузер.
Вместо него скачиваем и устанавливаем Firefox ESR.

В этом новом браузере заходим на наше устройство, забив его IP в адресной строке.
Скачиваем и устанавливаем плагин регистратора или камеры, не забывая во время установки закрыть браузер.
Запускаем браузер и заходим в Настройки, затем в Дополнения, выбираем Web Components. В нем необходимо установить режим Всегда включать.

После этого заходим в обычном режиме на камеру и видим картинку, а также получаем возможность просматривать архив.

Источник: trushenk.com