Подключение к ip камере через браузер

Домашнее видеонаблюдение и удалённый просмотр через Интернет

Недавно на Geektimes была опубликована статья про домашнее видеонаблюдение — «Домашнее видеонаблюдение». Автор её так и не смог настроить просмотр камер через web-интерфейс. Решил поделиться своим опытом в этом деле.

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

Чтобы свою систему не ломать переустановкой, сделал всё на виртуалке, с самого начала.

— Компьютер с Win7 или выше;
— Софт – упомянутый в предыдущей статье Securos Lite (скачивается на сайте производителя) и модуль WebView. И если первое легко скачивает на сайте производителя, то вот ссылку на второе я уже и не помню как искал;
— Камера. Здесь, конечно, каждый сам должен выбирать исходя из качества изображения/цены/целей и т.д. Общие рекомендации: если на камере есть наклейка Onvif, скорее всего она заведется в любом софте.

КАК ПОДКЛЮЧИТЬСЯ К IP КАМЕРЕ ЧЕРЕЗ БРАУЗЕР CHROME

Если в описании камеры на сайте, в документации, либо на форуме написано, как завести её в VLC, то видео с такой камеры с вероятностью 99% так же сможете получить, по крайней мере в Секуросе есть механизм получения видеоизображения с любой камеры, которые показываются в VLC. Разница в HDReady и FullHD прилично влияет на архив, но если пару десятков гигов есть свободных, то лучше брать FullHD.

Настраиваем камеру

Заходим на веб-интерфейс камеры, задаем сетевые настройки (если у вас дома роутер), логин/пароль, проверяем, что она показывает в этом самом интерфейсе.

Ставим софт

Ничего сложного тут нет. Сперва запускаем первый инсталлятор. Несколько раз прощёлкиваем «Далее» и всё, программа установлена.

В установке и удалении программ так же появился Postgres. Запускаем второй инсталлятор (вроде можно и потом его доставить), опять пару раз «Далее», видно, как ставится Java и сервер TomCat. Установку Томката также прощелкиваем.

Первый запуск

Первое что меня смутило, это сообщение об ошибке:

Можно было бы и написать в сообщении, что же делать. Но мы то знаем, что надо запускать из-под администратора. Чтобы каждый раз не щелкать «запустить из-под Администратора», включаем эту опцию в настройках программы:

Замечу, что тех. поддержка заявила, что это уже поправлено в готовящейся к выпуску следующей версии 8.7. Там вручную ничего делать не надо будет, даже если включён UAC.

После запуска появляется Мастер первоначальной настройки:

В принципе, тоже его быстро прощёлкиваем. Самое главное там – это выбрать диск куда будет архив писаться, главное на SSD не указать его. Там же есть страница, где можно вручную добавить камеры, но в ней нет автопоиска, да и потом можно будет вызвать более удобный инструмент добавления камер.

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

Так что пропустим его. Ещё одна особенность: можно сразу добавить удаленный клиент, например, свой рабочий комп. Про это я подробнее ниже напишу, сейчас это можно пропустить.

Почему очень низкая скорость скачивания через браузер

В общем прощёлкиваем до конца, жмем Завершить, и появляется пустой (так как мы не добавляли камер) Монитор.

Здесь сразу сделаю отступление: как я понял, в Секуроса есть 2 встроенных средств работы с камерами. Они называются Монитор и МедиаКлиент. Как я понимаю, старый и новый. Старый функциональнее (кнопок там ненужных нам больше), второй красивее, удобнее, и с рабочего компьютера, почему-то в несколько раз меньше CPU есть (2% вместо 8%).

В общем, рекомендую сразу заменить созданный по умолчанию Монитор на МедиаКлиент. Для этого вызовем дерево с объектами (правый клик по иконке в трее, показать панель, на ней нажимаем шестеренку).

В нем удаляем «Монитор», встаём на «Рабочий стол», нажимает создать, выбираем «Медиа Клиент».

Заводим камеру

На панели находим и нажимаем кнопку «Менеджер IP-устройств». Появляется окно этого менеджера. В нижней половине есть кнопка искать. Мой Beward он нашел сам. Единственное, я сразу вручную исправил модель с default на BDSeries.

Если камера не нашлась, то можно вручную попытаться настроить, на скриншоте вот я выбрал ONVIF (половина камер сейчас его поддерживает, даже если на коробке с камерой нет такого слова, то в первую очередь рекомендую попробовать настроить как ONVIF). Нажимаем «Добавить», в верхней части водим логин/пароль, нажимаем «Применить», закрываем менеджер. Камера сразу показывается в медиаклиенте.

Включаем запись архива

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

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

В 32-битной винде это ветка HKEY_LOCAL_MACHINESOFTWAREISSXpressNiss400Video (на 64-х битной системе: HKEY_LOCAL_MACHINESOFTWAREWow6432NodeISSXpressNiss400Video). Я выставил параметры так: MinDelMB – 1700, FreeMB – 1350.

Далее для экономии места на диске (чтобы больше была история хранилась) лучше запись сразу отключить и подумать, как вообще будет удобнее ставить камеру на «охрану» (режим, когда архив пишется только при наличии движения на изображении). Я сперва настроил временную зону (под объектом SecurOS Lite) и две Макрокоманды, которые автоматически ставили камеру на охрану утром, и снимали с охраны вечером. Ниже пример настройки одной из макрокоманд.

Но в итоге, так как я ухожу/прихожу из дома в разное время, мне удобнее оказалось управлять записью вручную с работы, т.е. приехал на работу, поставил на «охрану», приехал домой – «снял с охраны».

Настройка Веб-Сервиса

Подошли к самому интересному. В дереве объектов создаём объект WebView Сервер, у него в настройках добавляем нашу камеру. Далее под ним создаём объект WebView Монитор.

В его настройках выбираем нашу камеру (Просто нажать кнопку «Все»).

В принципе, это всё. Далее предполагается уже смотреть в браузере. Если Томкат ставили по умолчанию, то заходим на http://localhost:8080/webview.

Здесь хочу сразу заявить о 2-х проблемах, которые мне пришлось обойти, чтобы видео появились. Пишу, чтобы если у кого они тоже будут, то он знал, что делать. У меня на порту 8080 оказался TFS сервер.

При этом netstat показывал этот порт как незанятый. Томкат тупо не стартовал. Это выявил сразу, так как открывалась страница где было упомянуто TFS. Решил путём захода в настройки Томката и смены порта на незанятый 8070.

Как удалить обновление Яндекс Браузера вернуть старую версию на телефоне

Далее была весёлая ошибка 500. Тех поддержка подсказала, что надо проверить версию Явы. Должна быть < 1.8. (пообещали, что в последующих версиях уже запланирован апдейт Томката и Явы на последние версии, что такого больше никогда не возникало).

В общем, в меню Пуск, находим ярлык Configure Tomcat, переходим на вкладку Java и меняем путь к яве (у меня был C:Program FilesJavajre1.8.0_25binclientjvm.dll) на C:Program FilesJavajre7binclientjvm.dll и перезапускаем службу Apache Tomcat 6. После этого опять открываем страницу в браузере. Должно получиться что-то типа:

Последние шаги

Для авторизации через веб-интерфейс нельзя использовать аккаунт супер-пользователя Секуроса (написано из-за небезопасности передачи пароля). Поэтому чтобы работать дальше надо вручную создать пользователя. Опять открываем дерево объектов, выделяем объект SecurOS Lite, нажимаем Создать, выбираем в меню Отдел.

Под ним тут же создаём пользователя. Название лучше сразу написать что-то адекватное, я, например, задал webview. Далее переходим в дереве на Права пользователей -> Права опытных пользователей, и в окне настройки в блоке пользователи выбираем нашего пользователя, и задаём ему пароль.

Переходим обратно в браузер, вводим webview/password, жмем Continue. Появляется страница выбора мониторов. У нас он один, выбираем его. Если браузер InternetExplorer, то предложится ActiveX поставиться.

Лучше поставить, после его установки, резко снижается нагрузка на сеть (как я понимаю, гонится по сетке поток H.264). В общем сейчас можно зайти на этот web-интерфейс с любого браузера, (в том числе с мобильного) и смотреть видео, смотреть архив, который по детектору движения пишется. Чтобы ставить камеры на охрану/снимать с охраны я использовал выше упомянутые макросы.

Единственный недостаток – если использовать мобильный трафик, то большой расход получится, в первом отпуске, помню, смотрел камеру только в отеле через WiFi. Кстати, этот сервер тоже умеет отдать сжатое видео (которое мало трафика потребляет, как через ActiveX в IE) по rtsp. Если кто по-продвинутей и знает, как в VLC добавлять rtsp ссылки, то всё будет работать, в том числе на смартфонах.

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

Что-же получилось в итоге

Написано много, но в первый раз я запустил всё быстрее, когда ставил на реальную систему (у меня не возникло проблем с записью из-за виртуалки, да и других не было), помню осталось только приятное воспоминание, как быстро всё заработало.

И теперь опишу как это у меня сейчас работает. Мне для работы со всем этим гораздо удобнее оказался использовать клиент для виндоуз. Сделал я следующее:

— дома настроил доступ на работу через OpenVPN (на самом деле он у меня уже был). Для тех, у кого в компании нет такого, можно использовать VPN через TeamViewer. Также уверен, что можно легко и через интернет настроить, но там уже небольшие хаки нужны (либо статический ip, либо no-ip использовать ). Если будут проблемы обращайтесь в личку, постараюсь помочь;
— дома в Секуросе создал ещё один компьютер типа «Рабочее место оператора». Под ним создал Медиа Клиент. Пробовал и старый Монитор, но разница очень большая между ними. Медиа Клиент на порядок меньше грузит процессор, приятнее и удобнее;
— на работе поставил Секурос, в режиме «рабочее место оператора». Из того-же дистрибутива, только сейчас уже не прощёлкиваем быстро страницы, а находим страницу, где он спрашивает тип установки, в комбо-боксе выбираем, что это Рабочее место оператора;
— далее запускаем Секурос, вводим IP или имя (если это имя резолвится), нажимаем подсоединиться. Логин можно всё тот-же: webview. Возникает окно Медиа Клиента. Единственное, что плохо, настроить его можно только с домашнего компьютера. Т.е. я его сначала на весь экран сделал, было неудобно.

Как в мозиле отключить обновления браузера

Пришлось подключаться на домашний комп по TeamViewer’у и настраивать, где и как должен Медиа Клиент показываться.

Алгоритм работы у меня сейчас такой. Прихожу на работу, в Медиа Клиенте нажимаю кнопку «поставить на охрану», перед уходом с работы (или уже дома) нажимаю снять с охраны. Быстренько на 4x/8x/16x просматриваю, не было ли чего подозрительного.

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

Опять-таки для отпуска в итоге настроил посылку нотификаций на email о обнаружении движения в камере (хотел ещё старый телефон для смс прикрутить, но потом понял, что для меня сейчас без разницы СМС пришло или письмо на Gmail, все равно Push-сообщение появляется). Документация есть, F1 есть, разобраться во всём можно.

Я даже для интереса разобрался как простенькие программы писать, но это мне не пригодилось. Сейчас хочу ещё камеру добавить, чтобы покрытие расширить, но кухня у меня очень маленькая, вот потихоньку присматриваюсь к чуду с объективом «рыбий глаз», работа с ними в софте уже есть.

Как итог

Настроить веб-интерфейс можно, это не сложно, если пол вечера не жалко, то всё получится. Если что-то не получится самому, то тех. поддержка помогает, что на самом деле удивительно для бесплатного продукта, видимо забота о бренде.

Из приятного уже сейчас множество дополнительных плюшек (в том числе и нотификации, слежение за работоспособностью, работа со звуком (надо к камере подключить микрофон, и тогда при выборе камеры в Медиа Клиенте с неё ещё и звук идёт) и множество того, что я не использую, ибо даже не представляю зачем они мне нужны (это как с Фотошопом – использую только 5-10 процентов его функционала). Радует, что тех. поддержка обещает появления множества новых плюшек, которые могут лично мне понадобиться: всё-таки нативный клиент под Андроид (так как иногда всё-таки хочется поглядеть на телефоне, сейчас через мобильный браузер не самый удобный вариант), переработанный веб-интерфейс, управление потоком, который в сеть отдавать (как я понял, с камеры будут браться 2 картинки, одна будет писаться в архив, а второй с меньшим разрешением транслироваться через веб-сервер (это как я понял уже и сейчас можно сделать и с Монитором и с Медиа Клиентом).

Updated: Разобрался в новой версией софта с таким понятием как «мульти-поточность».

Мульти-поточность — это возможность забирать одновременно 2 и более картинки с камеры, разного разрешения и/или уровня сжатия, и потом возможность управлять что с этими потоками делать. Т.е. для записи в архив можно сохранять картинку в хорошем качестве (например, FullHD), а через сеть можно посылать видео, скажем среднего разрешения.

Пришлось камеру понастраивать и софт немного. Зато теперь ещё быстрее стало видео, на 3g — без тормозов и лагов. Если кому интересно, и не получилось настроить самому, пишите в личку, постараюсь всё подробно объяснить в скриншотах, какие настройки надо делать на самой камере через веб-интрерфейс, и какие в софте.

Источник

Настройка браузеров для видеонаблюдения

Чаще всего для видеонаблюдения используется браузер Enternet Explorer. Связано это с тем, что только этот браузер имеет настройки ActiveX, позволяющие устанавливать различные плагины оборудования для видеонаблюдения.

Как обновить закладки в браузере Яндекс

ActiveX позволяет видеорегистратору, подключенному к сети интернет через статический адрес, получить доступ к видео с камер наблюдения. Дело в том, что без ActiveX вы этого сделать не сможете, даже если введете ip адрес устройства и порт в строку поиска. Оказавшись в веб-интерфейсе вашего регистратора, даже при правильном вводе логина и пароля видеокамеры отображаться не будут.

Проблема в том, что у вас нет нужного плагина для конкретного оборудования.

Видеонаблюдение через браузер, ActiveX

Что же делать в этом случае. Все просто. В правом верхнем углу находим значок шестеренка он же «Сервис». И делаем все, как показано ниже:

Настройка Enternet Explorer

Заходим в настройки IE:

Заходим в настройки IE

Заходим во вкладку «Безопасность»

Заходим во вкладку Безопасность

Выбираем зону параметров безопасности «Интернет» и нажимаем кнопку «Другой…».

Выбираем зону параметров безопасности Интернет

Настраиваем пункты, связанные с работой ActiveX элементов следующим образом:

Настраиваем пункты, связанные с работой ActiveX

Настраиваем пункты, связанные с работой ActiveX

Настраиваем пункты, связанные с работой ActiveX

При необходимости просмотра по локальной сети аналогичным с зоной безопасности «Интернет» настраиваем зону «Местная Интрасеть».
Сохраняемся.

Видеонаблюдение через браузер enternet explorer, настройка

Если все сделано верно, то при попадании на web интерфейс устройства, нам предложат пройти установку плагина, после которой ваша система видеонаблюдения начнет работать и отображать видео с камер. Для этого нужно:

В адресной строке написать IP (или DDNS) адрес регистратора. Нажимаем «Ввод». Изначально Вам будет предложено установить ActiveX плагины и запустить их — соглашаемся.

Количество устанавливаемых плагинов зависит от модели регистратора. При необходимости после установки всех плагинов обновляем страницу.

интерфейс на примере видеорегистраторов Expert

Нажимаем «Connect». При этом Вы должны знать логин, пароль и порт доступа к оборудованию.

Нажимаем

Если все правильно, видим результат:

Если все правильно, видим результат

Настройка Google Chrom и Mozilla FireFox

Существует возможность просмотра видео с камер наблюдения и через через другие браузеры. Однако вам потребуется установить в них специальное расширение IE Tab.

Установка дополнения IE Tab для Google Chrom

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

Настройка google chrome браузера для видеонаблюдения

В открывшемся окне «Расширения» в левом верхнем углу жмем на значок три черточки и находим «Магазин Сhrome».

Установка и настройка расширения Google Сhrome

Магазин Сhrome установка расширения для видеонаблюдения

В окне поиска ищем необходимое нам расширение «IE TAB». Жмем установить.

Установка IE Tab

Устанавливаем ie tab для хрома

После установки в правом Верхнем углу появится значок IE TAB при нажатии на который нам предложат установить специальный плагин ietabhelper.exe, после установки которого под основной строкой поиска появится дополнительная строка, в которой необходимо указать адрес нашего устройства.

Настройка Google Chrome, дополнительная строка поиска IE TAB

Установка дополнения IE Tab для Mozilla Firefox

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

Дополнение IE Tab для Firefox

В левой области окна пройдите ко вкладке «Расширения», а в правой верхней области окна в строке поиска введите наименование искомого расширения – IE Tab.

Дополнение IE Tab для Firefox

Первым же по списку отобразится искомый нами результат поиска – IE Tab V2. Щелкните правее от него по кнопке «Установить», чтобы добавить его в Firefox.

Дополнение IE Tab для Firefox

Для завершения инсталляции вам потребуется перезапустить браузер. Вы сможете это сделать, как согласившись с предложением, так и выполнить перезапуск веб-обозревателя самостоятельно.

Дополнение IE Tab для Firefox

Как пользователя IE Tab?

Принцип работы IE Tab заключается в том, что для тех сайтов, где необходимо открытие страниц с помощью Internet Explorer, дополнение будет имитировать в Firefox работу стандартного веб-обозревателя от компании Microsoft.

Для того, чтобы настроить список сайтов, для которых будет активирована имитация Internet Explorer, щелкните в правом верхнем углу Firefox по кнопке меню, а затем пройдите к разделу «Дополнения».

Дополнение IE Tab для Firefox

В левой области окна пройдите ко вкладке «Расширения». Около IE Tab щелкните по кнопке «Настройки».

Дополнение IE Tab для Firefox

Во вкладке «Правила отображения» около графы «Сайт» пропишите адрес сайта, для которого будет активирована имитация Internet Explorer, а затем щелкните по кнопке «Добавить».

Дополнение IE Tab для Firefox

Когда все необходимые сайты будут добавлены, щелкните по кнопке «Применить», а затем и «ОК».

Дополнение IE Tab для Firefox

Проверим действие дополнения. Для этого перейдем на страницу сервиса, который автоматически определит используемый нами браузер. Как видите, несмотря на то, что нами используется Mozilla Firefox, браузер определяется как Internet Explorer, а значит, дополнение успешно функционирует.

Инверсия цветов в Яндекс Браузере как убрать

Дополнение IE Tab для Firefox

IE Tab – дополнение не для всех, но оно непременно станет полезным для тех пользователей, кто хочет обеспечить себе полноценный веб-серфинг даже там, где требуется использование Internet Explorer, но при этом не хочет запускать стандартный браузер, известный не с самой положительной стороны. Для видеонаблюдения через браузер, увы, без этого не обойтись.

p4GcRGuXFmeV4ZWTYHVAt18A2 2021-02-12T17:12:29+03:00 13, Декабрь, 2018 | Настройка видеонаблюдения | Комментарии к записи Настройка браузеров для видеонаблюдения отключены

Источник

Как удаленно просматривать изображение с IP-камеры через веб-браузер?

В этом разделе мы покажем вам как просматривать камеру видеонаблюдения с помощью веб-браузера, такого как IE , Firefox , Chrome или Safari . Здесь в качестве примера мы рассмотрим IE.

Рассмотренные ниже шаги базируются на предположении, что вы уже подключили вашу IP -камеру к маршрутизатору или маршрутизатору с модемом, которые подключены к Интернет.

1. Зайдите на веб-интерфейс настройки камеры, введя IP -адрес камеры в адресную строку вашего браузера. Если вы не знаете IP- адрес камеры , нажмите здесь .

2. Перейдите НАСТРОЙКИ->БАЗОВЫЕ->Сеть->Информация, чтобы найти номер порта HTTP , используемого камерой. По умолчанию это 80. Обычно не требуется изменять номер порта.

Однако некоторые Интернет-провайдеры блокируют порт 80, поэтому вам может понадобиться изменить номер порта. Здесь , ради примера , мы его изменим на 3333.

3. После изменения номера порта, пройдите НАСТРОЙКИ->БАЗОВЫЕ->Система->Инициализировать. Для того, чтобы новый номер порта вступил в силу, вам необходимо выполнить перезагрузку камеры.

4. После перезагрузки мы сможем зайти на камеру через http ://192.168.1.101:3333 на локальном компьютере.

Затем нам на маршрутизаторе необходимо выполнить настройки проброса портов. Настройка зависит от используемой модели маршрутизатора, обратитесь к технику маршрутизатора соответственно. Здесь, в качестве примера, мы рассмотрим TL — WR 941 ND .

1. Зайдите на маршрутизатор . Перейдите Проброс портов->Виртуальные серверы и нажмите Добавить…, чтобы создать новую запись о виртуальном сервере.

2. Введите IP -адрес и порт, используемые камерой в соответствующие поля. Что касается поля Протокол, мы рекомендуем вам выбрать ВСЕ. Нажмите Сохранить для создания этой новой записи.

3. Теперь на вашем маршрутизаторе для камеры открыт порт 3333.

4. Перейдите на страницу Состояние, чтобы посмотреть WAN IP -адрес маршрутизатора.

Затем на удаленном компьютере вы можете открыть браузер. В адресную строку введите http ://183.38.7.205:3333 и нажмите enter , теперь у вас есть доступ к веб-интерфейсу камеры.

Был ли этот FAQ полезен?

Ваш отзыв поможет нам улучшить работу сайта.

Что вам не понравилось в этой статье?

  • Недоволен продуктом
  • Слишком сложно
  • Неверный заголовок
  • Не относится к моей проблеме
  • Слишком туманное объяснение
  • Другое

Как мы можем это улучшить?

Спасибо

Спасибо за обращение
Нажмите здесь, чтобы связаться с технической поддержкой TP-Link.

Подписаться на рассылку Мы с ответственностью относимся к вашим персональным данным. Полный текст политики конфиденциальности доступен здесь.

Источник
Рейтинг
Загрузка ...