Форум » IP Kamera 9060AK/A-SL/A-MP/A Plus/I (IR)/O » Отображение картинки с камеры 9060A-SL/AK на своем сайте. » Ответить

Отображение картинки с камеры 9060A-SL/AK на своем сайте.

Guest: Не требует ActiveX. Работает с браузерами: IE, Opera, Firefox, ... . Скачать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE>Пример работы с IP камерой (автоматическое обновление картинки).</TITLE> <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=windows-1251"> <SCRIPT TYPE="text/javascript"> <!-- var cDelay=10; //Задержка между кадрами (мс). var cAdr='59.108.210.104:9080'; //Адрес камеры : порт. var cLogin='admin'; //Логин. var cPass='12345678'; //Пароль. var cStr='http://'+cAdr+'/snapshot.jpg?UserName='+cLogin+'&PassWord='+cPass; window.status=document.title; document.oncontextmenu=new Function('return false'); function refreshImage() { var cTmp=new Date(); var img=document.getElementById('camImg'); img.src=cStr+'&'+cTmp; } //--> </SCRIPT> </HEAD> <BODY> <IMG ID="camImg" SRC="" WIDTH="640" HEIGHT="480" BORDER="1" ALT="Текущая картинка с камеры" onload="window.setTimeout('refreshImage', cDelay)"> <SCRIPT TYPE="text/javascript"> <!-- refreshImage(); //--> </SCRIPT> </BODY> </HTML> Для ActiveX пример будет приведен ниже.

Ответов - 62, стр: 1 2 3 4 All

Guest: Вариант с ActiveX . Работает с браузерами: IE, Maxthon, Avant Browser. Скачать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE>Пример работы с IP камерой (ActiveX).</TITLE> <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=windows-1251"> <SCRIPT TYPE="text/javascript"> <!-- window.status=document.title; document.oncontextmenu=new Function('return false'); function Start() { SQ.mdpc=0; SQ.ShowText=1; SQ.width=640; SQ.height=480; SQ.IP='59.108.210.104'; //Адрес камеры. SQ.port=9080; //Используемый порт. SQ.SetUserPass('admin', '12345678'); //Логин, пароль. SQ.video_on=1; SQ.audio_on=0; SQ.ShowOsd('Demo'); //Текстовый логотип. } //--> </SCRIPT> </HEAD> <BODY> <OBJECT ID="SQ" CODEBASE="view.cab#Version=1,0,0,62" CLASSID="CLSID:B0781EB7-16EA-49F1-9C1D-9716D88206CF" WIDTH="640" HEIGHT="480" BORDER="1"></OBJECT> <SCRIPT TYPE="text/javascript"> <!-- setTimeout('Start()',2000); //--> </SCRIPT> </BODY> </HTML>

ital62: Так просто? Кайф!!! Спасибо! А как обезопасить камеру от взлома? В HTMLе же виден пароль и IP камеры. И ещё: как бы логотип туда впихнуть? Ещё раз спасибо!

ital62: блин, рано обрадовался! работает только в домашней сети, а сосед уже не видит! как сделать так, чтобы любой пользователь интернета видел мою камеру, при выключенном компе, тобишь через многопортовый модем? спасибо!


Guest: По поводу Internet'а. Нужно настроить функцию Port Forwarding/Virtual servers или включить DMZ на модеме/маршрутизаторе. Например: http://video.aviosys.ru/responce.html?444 http://video.aviosys.ru/responce.html?432 По поводу безопасности, то для этого гостевой доступ к камере и существует т.е. смотреть можно, менять установки нет. Совсем убрать информацию для авторизации в данных примерах не получится, но можно усложнить ее просмотр. Пример будет ниже. Чтобы совсем исключить доступ к камере придется делать ретрасляцию картинок на web сервер и показывать их уже оттуда.

ital62: Добрый день! Спасибо за ответ - помогло! Камера 9060А-SL Теперь другая проблема - не все видят мою камеру, хотя браузеры одинаковые! В чём может быть причина? Спасибо!

Guest: Внес небольшие изменения в приведенные примеры, чтобы убрать явные адреса в строке статуса браузера и по возможности контекстное меню (см. выше). Теперь как затруднить доступ к логину и паролю. Самый простой способ - вынести JavaScript в отдельный файл и перекодировать его. Например. im9060.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE>Пример работы с IP камерой (автоматическое обновление картинки).</TITLE> <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=windows-1251"> <SCRIPT TYPE="text/javascript" SRC="im9060.js"></SCRIPT> </HEAD> <BODY> <IMG ID="camImg" SRC="" WIDTH="640" HEIGHT="480" BORDER="1" ALT="Текущая картинка с камеры" onload="window.setTimeout('refreshImage()', cDelay)"> <SCRIPT TYPE="text/javascript"> <!-- refreshImage(); //--> </SCRIPT> </BODY> </HTML> im9060.js document.write(unescape('%3c%53%43%52%49%50%54%20%54%59%50%45%3d%22%74%65%78%74%2f%6a%61%76%61%73%63%72%69%70%74%22%3e%20%0d%0a%3c%21%2d%2d%20%0d%0a%76%61%72%20%63%44%65%6c%61%79%3d%31%30%3b%20%2f%2f%d0%97%d0%b0%d0%b4%d0%b5%d1%80%d0%b6%d0%ba%d0%b0%20%d0%bc%d0%b5%d0%b6%d0%b4%d1%83%20%d0%ba%d0%b0%d0%b4%d1%80%d0%b0%d0%bc%d0%b8%20%28%d0%bc%d1%81%29%2e%20%0d%0a%76%61%72%20%63%41%64%72%3d%27%35%39%2e%31%30%38%2e%32%31%30%2e%31%30%34%3a%39%30%38%30%27%3b%20%2f%2f%d0%90%d0%b4%d1%80%d0%b5%d1%81%20%d0%ba%d0%b0%d0%bc%d0%b5%d1%80%d1%8b%20%3a%20%d0%bf%d0%be%d1%80%d1%82%2e%20%0d%0a%76%61%72%20%63%4c%6f%67%69%6e%3d%27%61%64%6d%69%6e%27%3b%20%2f%2f%d0%9b%d0%be%d0%b3%d0%b8%d0%bd%2e%20%0d%0a%76%61%72%20%63%50%61%73%73%3d%27%31%32%33%34%35%36%37%38%27%3b%20%2f%2f%d0%9f%d0%b0%d1%80%d0%be%d0%bb%d1%8c%2e%20%0d%0a%76%61%72%20%63%53%74%72%3d%27%68%74%74%70%3a%2f%2f%27%2b%63%41%64%72%2b%27%2f%73%6e%61%70%73%68%6f%74%2e%6a%70%67%3f%55%73%65%72%4e%61%6d%65%3d%27%2b%63%4c%6f%67%69%6e%2b%27%26%50%61%73%73%57%6f%72%64%3d%27%2b%63%50%61%73%73%3b%20%0d%0a%77%69%6e%64%6f%77%2e%73%74%61%74%75%73%3d%64%6f%63%75%6d%65%6e%74%2e%74%69%74%6c%65%3b%20%0d%0a%64%6f%63%75%6d%65%6e%74%2e%6f%6e%63%6f%6e%74%65%78%74%6d%65%6e%75%3d%6e%65%77%20%46%75%6e%63%74%69%6f%6e%28%27%72%65%74%75%72%6e%20%66%61%6c%73%65%27%29%3b%20%0d%0a%66%75%6e%63%74%69%6f%6e%20%72%65%66%72%65%73%68%49%6d%61%67%65%28%29%20%0d%0a%7b%20%0d%0a%76%61%72%20%63%54%6d%70%3d%6e%65%77%20%44%61%74%65%28%29%3b%20%0d%0a%76%61%72%20%69%6d%67%3d%64%6f%63%75%6d%65%6e%74%2e%67%65%74%45%6c%65%6d%65%6e%74%42%79%49%64%28%27%63%61%6d%49%6d%67%27%29%3b%20%0d%0a%69%6d%67%2e%73%72%63%3d%63%53%74%72%2b%27%26%27%2b%63%54%6d%70%3b%20%0d%0a%7d%20%0d%0a%2f%2f%2d%2d%3e%20%0d%0a%3c%2f%53%43%52%49%50%54%3e')); im9060a.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE>Пример работы с IP камерой (ActiveX).</TITLE> <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=windows-1251"> <SCRIPT TYPE="text/javascript" SRC="im9060a.js"></SCRIPT> </HEAD> <BODY> <OBJECT ID="SQ" CODEBASE="view.cab#Version=1,0,0,62" CLASSID="CLSID:B0781EB7-16EA-49F1-9C1D-9716D88206CF" WIDTH="640" HEIGHT="480" BORDER="1"></OBJECT> <SCRIPT TYPE="text/javascript"> <!-- setTimeout('Start()',2000); //--> </SCRIPT> </BODY> </HTML> im9060a.js document.write(unescape('%3c%53%43%52%49%50%54%20%54%59%50%45%3d%22%74%65%78%74%2f%6a%61%76%61%73%63%72%69%70%74%22%3e%20%0d%0a%3c%21%2d%2d%20%0d%0a%77%69%6e%64%6f%77%2e%73%74%61%74%75%73%3d%64%6f%63%75%6d%65%6e%74%2e%74%69%74%6c%65%3b%20%0d%0a%64%6f%63%75%6d%65%6e%74%2e%6f%6e%63%6f%6e%74%65%78%74%6d%65%6e%75%3d%6e%65%77%20%46%75%6e%63%74%69%6f%6e%28%27%72%65%74%75%72%6e%20%66%61%6c%73%65%27%29%3b%20%0d%0a%66%75%6e%63%74%69%6f%6e%20%53%74%61%72%74%28%29%20%0d%0a%7b%20%0d%0a%53%51%2e%6d%64%70%63%3d%30%3b%20%0d%0a%53%51%2e%53%68%6f%77%54%65%78%74%3d%31%3b%20%0d%0a%53%51%2e%77%69%64%74%68%3d%36%34%30%3b%20%0d%0a%53%51%2e%68%65%69%67%68%74%3d%34%38%30%3b%20%0d%0a%53%51%2e%49%50%3d%27%35%39%2e%31%30%38%2e%32%31%30%2e%31%30%34%27%3b%20%2f%2f%d0%90%d0%b4%d1%80%d0%b5%d1%81%20%d0%ba%d0%b0%d0%bc%d0%b5%d1%80%d1%8b%2e%20%0d%0a%53%51%2e%70%6f%72%74%3d%39%30%38%30%3b%20%2f%2f%d0%98%d1%81%d0%bf%d0%be%d0%bb%d1%8c%d0%b7%d1%83%d0%b5%d0%bc%d1%8b%d0%b9%20%d0%bf%d0%be%d1%80%d1%82%2e%20%0d%0a%53%51%2e%53%65%74%55%73%65%72%50%61%73%73%28%27%61%64%6d%69%6e%27%2c%20%27%31%32%33%34%35%36%37%38%27%29%3b%20%2f%2f%d0%9b%d0%be%d0%b3%d0%b8%d0%bd%2c%20%d0%bf%d0%b0%d1%80%d0%be%d0%bb%d1%8c%2e%20%0d%0a%53%51%2e%76%69%64%65%6f%5f%6f%6e%3d%31%3b%20%0d%0a%53%51%2e%61%75%64%69%6f%5f%6f%6e%3d%30%3b%20%0d%0a%53%51%2e%53%68%6f%77%4f%73%64%28%27%44%65%6d%6f%27%29%3b%20%2f%2f%d0%a2%d0%b5%d0%ba%d1%81%d1%82%d0%be%d0%b2%d1%8b%d0%b9%20%d0%bb%d0%be%d0%b3%d0%be%d1%82%d0%b8%d0%bf%2e%20%0d%0a%7d%20%0d%0a%2f%2f%2d%2d%3e%20%0d%0a%3c%2f%53%43%52%49%50%54%3e')); Тексты - тут. Форма для перекодировки - тут (выделяем и вставляем текст начиная со <SCRIPT ... и заканчивая /SCRIPT> в самых первых примерах).

Guest: В прошивке 1.16 нельзя использовать гостевой пароли для получения snapshot'ов. Этот режим работает только для ActiveX.

ital62: Спасибо за пояснения! Ещё вопрос образовался: При большом посещении страницы с веб-камерой, есть ли варианты решения проблемы доступа к картинке? Интересует вариант просмотра как описан здесь на этой странице. Спасибо!

Guest: Можно ввести задержку между кадрами (сейчас ее по сути нет, cDelay=x, x - время в мс, например 2000=2 сек), это снизит нагрузку на железо камеры и канал передачи, соответственно, пропорционально возрастет кол-во одновременно подключаемых пользователей. Да, без установки принудительно window.status (как в тексте выше), при обновлении картинки пароль и логин отображаются в строке статуса браузера.

ital62: ital62 пишет: Теперь другая проблема - не все видят мою камеру, хотя браузеры одинаковые! Влияет ли заход на страницу через прокси на показ картинки? Не все видят её. Спасибо!

Guest: Не исключено, от настроек прокси сервера зависит.

ital62: А какая может быть проблема у некоторых пользователей, которые никак не могут увидеть изображение? Их процентов 30. Вот Вы видите эту картинку? http://www.lazarevka.ru/webcam.shtml Спасибо!

Guest: Да, если смотреть от меня, все работает и с IE, и с Opera. Но я не использую прокси. Подобное наблюдается только у людей сидящих через них? Проблема также может быть в отключенной обработке скриптов в браузере или слишком агрессивно настроенном фаерволе/антивирусе. Хотя это менее вероятно. Выложите также альтернативный вариант странички с ActiveX на сайте и посмотрите будет ли он работать у тех, к кого не работал исходный. Посмотрим, что можно сделать.

ital62: Я вчера делал страничку с ActiveX Одна из посетительниц страницы пишет: "Там требуют установить ActiveX, но она не устанавливается, пишут что эта программа заблокирована, т.к. не удается проверить ее издателя." P.S. У меня тоже странности - пару секунд кажет, а потом отрубается, хоть в мозиле, хоть в IE.

ital62: Вот ещё какую странность обнаружил: при заходе в саму прогу камеры как админ, нет изображения в браузере Мозилы, а в IE есть и это не только на моём компе.

Guest: Так и должно быть. ActiveX поддерживают только браузеры построенные на ядре IE. См. второе сообщение в этой ветке, там есть список. По поводу установки компоненты и ее издателя, это не запрет просто предупреждение. Попробовал Opera turbo - это тоже прокси (тоолько привязанный к браузеру). Демка китайской камеры запущенная на страничке с локального диска работает, та что у вас на сайте нет. Чудеса.

ital62: Может наше ЮТК (Краснодар) не всех любит? Или это проблема к доступу определённого IP адреса?

ital62: Guest пишет: По поводу установки компоненты и ее издателя, это не запрет просто предупреждение. Бесполезно, ActiveX не устанавливается!

Guest: Скорее всего у вас настройки безопасности в IE отличаются от обычных. Зайдите в Панель управления -> Свойства обозревателя: -> Дополнительно -> Восстановить дополнительные параметры -> Применить. -> Безопасность -> Выбирайте все профили друг за другом и нажимайте кнопку По умолчанию -> Применить. Если ничего не получается, то просто занесите адрес узла с которого ставится компоненты в надежные. Панель управления -> Свойства обозревателя -> Надежные узлы -> Узлы -> Добавить (галочку https снять). В этом случае файл должен скачаться и установиться автоматически. В обычном режиме в IE появляется желтая горизонтальная строка (чуть выше основного окна с содержанием сайта) с предложением об установке.

ital62: Взял тупо поставил все галочки и зашёл И получил вот это -



полная версия страницы