Меню Рубрики

Установка плагина web components

Проблема в установке плагинов activex при первом подключении к видеорегистратору или ip камере через браузер

Уверен, что многие сталкиваются с проблемой установки элемента activex в браузер Internet Explorer при первом подключении к видеорегистратору/ip камере. Как правило видеорегистраторы или ip камеры заточены только под браузер internet Eplorer. В случае, если на вашем ПК установлена Windows 10, то чтобы запустить Internet Explorer нужно запустить браузер Edge и после открыть Internet Explorer. Или можно запустить сразу из папки: C:\Program Files (x86)\Internet Explorer\iexplore.exe. Тут уже как говорится кому как удобнее.

В Windows 7 и ниже ОС Edge нету, поэтому как там запускать понятно всем. Далее вы вводите ip адрес видеорегистратора и вам будет предложено скачать и установить элемент ActiveX. Вот как ниже на скриншоте.

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

И как правило в обязательном порядке необходимо открывать видеорегистратор через браузер IE в режиме совместимости. Чтобы его включить нажимаете сервис и выбираете параметры просмотра в режиме совместимости, как на ниже скриншоте. Тоесть вначале после установки вы пробуете зайти в настройки видеорегистратора без режима совместимости, если появляются какие-то ошибки, например ругается, что неверный пароль, хотя вы вводите верный или же предлагается вновь скачать и установить элемент activex, то тогда вы включаете режим совместимости. И далее после установки элемента activex, вы запускаете браузер IE, вводите ip адрес видеорегистратора, у вас появляется запрос на разрешение запуска только что установленного элемента activex, вы обязательно разрешаете.

Прописываете ip адрес видеорегистратора и нажимаете добавить.

01 Октября 2019

Интересно почитать

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

Рассмотрим настройку FTP сервера для видеонаблюдения на примере FileZilla Server — бесплатный, быстро и удобно настраивается.

Коридорный режим в ip камерах

В последнее время на рынке систем видеонаблюдения у разных производителей появились IP камеры с функцией «коридорный режим».

Беспроводное видеонаблюдение. Стоит оно того?

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

источник

Просмотр IP-камер и других устройств Hikvision в различных браузерах теперь доступен:

В последних версиях Chrome была отключена поддержка сторонних NAPI плагинов, поэтому
нам потребуется расширение IE Tabs.
Заходим в меню расширений

После этого переходим в магазин расширений

Вводим в поиске IE Tab и устанавливаем расширение

Теперь, после установки нажимаем на значок расширения и переходим в его меню

После того как нажали на значок, откроется новая страница и автоматически скачается
файл ietabhelper.exe , устанавливаем его

Теперь, когда мы проделали все необходимые манипуляции, заходим на нужное устройство
и включаем на странице IE Tabs (пункт 1.) После этого появится вторая адресная строка, это
показано ниже в виде пункта 2

Заходим на устройство, и если требуется — устанавливаем плагин. Перед установкой нужно
закрыть браузер.
На этом настройка завершена и становится доступным просмотр ip-камер в браузере Google Chrome

Для Mozilla FireFox:

В Firefox c версии 52.0 была отключена поддержка сторонних NAPI плагинов.
Но есть решение. Скачиваете и устанавливаете Firefox ESR. Обычную версию браузера
перед этим необходимо удалить.

После установки, заходим на web интерфейс устройства и скачиваем плагин. Иногда, в
начале требуется выбрать плагин для отображения (смотри пункт 1 на рисунке)

Далее мы закрываем браузер и устанавливаем скачанный плагин.

После установки мы заходим в меню дополнений с помощью сочетания кнопок Ctrl+Shift+A
или как указано на рисунке ниже

И выбираем для Web Components режим запуска «Всегда включать»

источник

Установка плагина web components

Полезная информация

Страницы: 1

  • Форумы
  • » Поддержка пользователей
  • » установка плагинов Web Components, npmediaDll и TimeAxes в Portable FF

№1 11-01-2018 23:41:07

установка плагинов Web Components, npmediaDll и TimeAxes в Portable FF

Подскажите, как установить (перенести) эти плагины в портативную версию FF?

Отредактировано InfSub (11-01-2018 23:52:10)

на почту, только с интересными предложениями по скриптам (iMacros/iMacros+JS)!

№2 12-01-2018 01:02:33

Re: установка плагинов Web Components, npmediaDll и TimeAxes в Portable FF

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

ps длл и прочее подобное обычно кидается в plugins ту что в дата в портабельном
но вроде ж npapi плагины в новом выпилили или не?

я помню те времена когда обновления программ убирали проблемы и исправляли баги, а не добавляли их.

№3 12-01-2018 02:50:16

Re: установка плагинов Web Components, npmediaDll и TimeAxes в Portable FF

okkamas_knife
эти плагины работают максимум в 52 ESR, в обычной версии уже давно не работают

Отредактировано InfSub (12-01-2018 02:54:00)

на почту, только с интересными предложениями по скриптам (iMacros/iMacros+JS)!

№4 12-01-2018 08:52:27

Re: установка плагинов Web Components, npmediaDll и TimeAxes в Portable FF

вобщем если это именно плагины а не расширения то посмотри где находятся его файлы (в настройках или эбаут суппорт, возможно придется переключить в конфиге параметр показывющий пути plugin.expose_full_path если его не порезали)
еще бывает они прописываются в ветке HKEY_LOCAL_MACHINE\SOFTWARE\MozillaPlugins
вобщем тебе надо найти папку с файлами плагина где есть npчтототам.dll
соответственно копируешь оттуда всё в \Data\plugins
ну а в другие просто копируй эту папку уже.

я помню те времена когда обновления программ убирали проблемы и исправляли баги, а не добавляли их.

№5 12-01-2018 10:09:21

Re: установка плагинов Web Components, npmediaDll и TimeAxes в Portable FF

okkamas_knife
огромное спасибо за советы
Пока что, пытаюсь добиться корректной работы этих плагинов (да, это именно плагины) и не только, на стационарной версии, но боюсь, что моя попытка получить универсальный вьювер для видео-регистраторов, так и не получится.
Уже уперся в то, что на регистраторах «Web Service» под таким логотипом идут старые «RVi» просто отказываются воспроизводить видео, при том не только в FF но даже в IE (на Win 10), судя по всему — вина в QuickPlayer’e который требуется под эти регистраторы, но по каким-то причинам так и не заработал.
Тот же WebComponent.exe есть как минимум в 2 вариантах, при том, похоже не совместимых между собой, либо, по неведомой мне причине он опять же упорно не хочет работать на некоторых RVi тупо вешая FF

В общем, думаю, что идея хоть и была хорошей, но оказалась невыполнимой.

Отредактировано InfSub (12-01-2018 10:09:54)

на почту, только с интересными предложениями по скриптам (iMacros/iMacros+JS)!

№6 12-01-2018 13:18:08

Re: установка плагинов Web Components, npmediaDll и TimeAxes в Portable FF

а вьювер должен откуда брать видео? из сети или с диска?
если с диска то не проще ли юзать влц или любой другой плеер?
если из сети то проще не изгаляться с плагинами а сделать парсилку которая выдирает ссыль на видео от отправлет её тому же влц
в принципе еще можешь погуглить плагин влц-шный им вроде занимались но потом я не в курсе чем дело закончилось, вобщем он встраивает влц в страницу
потипу как в ранних версиях фф и ие виндовский медиаплеер встраивался(через ембед).
если разберешься и запустишь такое то тогда опять же парсилка выдирание ссылки и скармливание её плагину.
ещё могу предложить изврат с гамаком и лыжами
1 скачиваем видео
2 конвертим его используя ffmg.exe в .ogv
3 открываем огг видео в браузере используя тэг видео.

я помню те времена когда обновления программ убирали проблемы и исправляли баги, а не добавляли их.

№7 12-01-2018 13:28:56

Re: установка плагинов Web Components, npmediaDll и TimeAxes в Portable FF

okkamas_knife
регистраторы в сети интернет, с пробросом портов, в том числе и 80 (на другой, естественно)
нет, речь ни о том и не о другом, есть куча видео-регистраторов, архивы хранятся на них локально и по сути не нужны, скачивать ни чего не нужно, но вот онлайн, что творится в том или ином офисе, да — нужен, а он транслируется через веб-морду регистратора и у каждого регистратора свои стандарты, так что универсальной проги для просмотра — нет
для RVi и Web Service используется RVi PSS
для HikVision и HiWatch — iVMS-4200 Client
для Tantos — вообще не понятно, судя по гуглу, какая-то платная софтина от Tantos

теоретически можно заюзать RTSP, но говорят это очень большой гемор, да и VLK вроде использует именно RTSP, но подключить удасться один канал, а на каждом регистраторе их от 16 до 32, тыкать в плейлисты для каждой камеры? это совсем уж гемор мне кажется, при суммарном объеме камер более 600

Отредактировано InfSub (12-01-2018 13:48:07)

на почту, только с интересными предложениями по скриптам (iMacros/iMacros+JS)!

№8 13-01-2018 07:01:33

Re: установка плагинов Web Components, npmediaDll и TimeAxes в Portable FF

Судя по тырнету, народ советует ставить motion или ZoneMinder, ни кто не сталкивался с данным софтом? Как они работают с регистраторами? В основном статьи про то, как работать с камерами.

на почту, только с интересными предложениями по скриптам (iMacros/iMacros+JS)!

источник

NETSurveillance WEB — плагин для видеонаблюдения с помощью Internet Explorer. Скачать. Мануал

NETSurveillance WEB — плагин для видеонаблюдения с помощью Internet Explorer. Скачать. Мануал

Пара 1 Пара 2 Пара 3 Пара 4 Пара 5
Логин 12345
Пароль 23456
Логин 23456
Пароль 34567
Логин 34567
Пароль 45678
Логин 45678
Пароль 56789
Логин 56789
Пароль 67890

В интерфейсе программы можно выбрать скорости потока 8192 Kbps или 512 Kbps и режим отображения с соотношением сторон 5×4 или 16×9

Поток выбирается кнопками слева сверху. Круглая кнопка — основной поток 8192 Kbps, квадратная кнопка — дополнительный и низко скоростной поток 512 Kbps

Для того чтобы пропорции видео не искажались — можно выбрать один из двух режимов, а именно 5×4 или 16×9. Для этого в правой части экрана есть кнопка Other, нажав на которую вы попадёте в меню в котором будет кнопка Ratio. Нажимая на Ratio можно менять соотношение сторон.

Ниже примеры как выглядит изображение в разных режимах.

Если вы не совсем поняли, как подключаться к плагину, вот вам видео, правда на английском языке, но посмотреть как и что делать можно. Долгое вступление автора на его языке пропускаем.

Можно настроить возможность просмотра видеокамер через регистратор по сети или через интернет и без плагина.

Для этого необходимо настроить Internet Explorer (в дальнейшем IE). IE является браузером по умолчанию.

Шаг 1: отключаем плагины ActiveX.

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

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

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

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

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

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

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

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

источник

Быстрый старт с WebComponents

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

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

Все эксперименты приводимые далее проверялись в Chrome и Firefox может быть даже не самых новых версий.

Итак начнем.

Для начала создадим директорию для проекта и перейдем в него.

в этом каталоге ответив на все вопросы по умолчанию.

Создадим в каталоге файл index.html с самым простым содержимым.

Добавим тег для элемента, имя должно обязательно содержать дефис, это сигнал для подсистемы CusomElements для попытки определения этого элемента как надстраивающего стандартные.

Добавим класс обработчик в теге script.

В модульном теге script, мы определили новый класс который c помощью метода customElements.define() определили за тегом my-webcomp. А добавив код в метод connectedCallback() мы обеспечили его вызов при добавлении реализации компонента в дерево. Результат уже можно посмотреть в браузере:

Однако, размещать html верстку прямо в код если и удобно для небольших кусочков, то вообще не правильно, что особенно сказывается когда кусочки разрастаются до приличных размеров. Например на форме с 20ю элементами, которую побить на подкомпоненты тоже не всегда может быть удобно. Поэтому мы для начала вынесем верстку в шаблон, который будет располагаться в том же html, хотя ничто не помешает его нам загрузить из отдельного файла при необходимости.

В коде компонента вставку строки c html мы заменили на получение элемента шаблона по id. Импорт, т.е. создание копии этого элемента и прицепление к содержимому текущего.

id назван в нотации camelCase т.к. все айдишники элементов прокидываются в глобальное пространство имен и при использовании дефисов или других спец. символов доступ к ним может быть менее элегантен. Т.е. мы могли бы вместо:

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

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

Теперь повесим обработчик клика мышки для нашего компонента который будет выводить алерт сообщение.

Теперь при нажатии на сообщение у нас будет реакция на действия пользователя.

Аргументом метода showMessage() также объявляется объект event, который хранит данные о событии, например координаты клика или ссылку на сам элемент.

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

Добавим второй экземпляр элемента и определим для каждого из них разные свойства greet-name значения которых будут выводиться при нажатии на элемент.

Теперь при нажатии на первый будет выводиться “This is the message for John”, а на второй “This is the message for Josh”.

Может так случиться что атрибут надо будет использовать не в обработке события, а прямо отрендерить в шаблон, для этого мы добавим id целевому элементу и подставим значение из апи сразу после рендеринга копии объекта шаблона.

Вместо .textContent может быть .innerHTML или можно вызвать у объекта из селектора тот же метод .insertAdjacentHTML() мы делали в самом начале.

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

Теперь правда все DOM обращения к this придется заменить на this.shadowRoot благо их пока не так много.

Визуально работа этого кода опять никак не изменится, но теперь в глобальном пространстве имен не будет никакого helloLabel, а у на странице уже 2 элемента с таким идентификатором. А получить доступ к ним можно будет например вот так:

и то если вы не закроете дерево передав соответствующий атрибут в методе .attachShadow().

У нас получилось довольно много кода и размещать его прямо в html файле тоже не очень правильно. Поэтому создадим файл my-webcomp.js и перенесем в него наш класс предварив инструкцией export, а в теге script добавим импорт этого класса, чтобы получилось вот такое:

На работоспособности это никак не скажется, но теперь вся бизнес логика у нас отдельно в .js, конфигурация осуществляется в html атрибутами, а модульную асинхронную инициализацию берут на себя механизмы модульной и компонентной системы браузера.

Правда с этого момента открывать index.html как локальный для разработки не получится, т.к. браузер заблокирует загрузку скрипта с файловой системы. Если у вас есть nodejs можно поставить простейший веб-сервер:

и запускать его командой http-server в каталоге с проектом, при запуске он подскажет хост и порт с которого можно открывать страницу

Которая и будет отныне адресом отладочной страницы с нашим элементом.

Немаловажным для разработки является написание тестов, они помогают удерживать код работоспособным в ходе развития его компонентов. Для тестирования веб-компонентов можно использовать mocha в режиме запуска из браузера.

Для этого создадим каталог test и добавим в него файл all.html такого содержимого:

Скопируем наш index.html в test/ задав ему имя my-webcomp.tests.html и добавим такое же содержимое head как и в all.html.

Однако, нам обычную инициализацию и манипуляции теперь надо будет заменить на производимую в рамках запуска тестов:

будет показан отчет о выполнении тестов.

Но может потребоваться запускать тесты автоматизировано и в разных браузеров для этого надо поставить специальную утилиту:

Эту строчку можно добавить в секцию test файла package.json и запускать как:

Рекомендуется тестировать каждый значимый метод класса в рамках отдельного теста. Если надо сделать общую для каждого инициализацию ее следует определить в методе suiteSetup():

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

Книг на тему пока не так уж много, но вся расширенная документация легко находится по словам Web Components, CustomElements, ShadowDOM, Native Template Tag, Custom Events.

А продолжение темы демонстрирующее способы взаимодействия между компонентами за счет использования событий можно найти вот тут

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

источник

Читайте также:  Установки компрессорные модели вк20е