Форум » 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: Интересное решение и недорогое.
ital62: Выяснилась причина, почему не все видят картинку с моей камеры! От некоторых провайдеров не пингуется наш диапазон IP адресов. Наш провайдер отдаёт, а у других видать запрет стоит. P.S. А саму матрицу можно чем-либо протирать? Какие-то пылинки видны, линзы протирал. Спасибо!
Guest: Продаются специальные мягкие салфетки для чистки оптики, не оставляющие после себя мусора большем чем убирают и не царапающие поверхность. Но лучше 10 раз подумать прежде чем на это решиться, матрицу угробить легче простого. Наберите в яндексе "чистим матрицу", есть инструкции с картинками и даже видео.
ital62: Спасибо! Не угробил!
Guest:
ital62: А в чём может быть причина? Если просматривать камеру через веб-страницу и кроме меня никто её не смотрит, т.к. я страницу для пользователей удалил, а сам смотрю через локальный IP, то страница(картинка) через 2-3 секунды пропадает, а иногда держится долго.
Guest: http://www.lazarevka.ru/camera.html доступна для пользователей и работает. Запустил на пробу, около часа непрерывно в окошке транслировалось, ничего не падало. Опишите подробнее что, где, откуда и как.
ital62: У меня на компе, но по локальному адресу (сделал страничку с локальным адресом в коде), т.к. я не могу свою камеру видеть через инет. Проверял в Мозиле и в IE. Просто картинка исчезала, а оставалась только надпись, что камера работает только в дневное время. Главное, чтобы пользователи видели, а я и из окна посмотрю!
Guest: Надо будет попробовать добавить в код обработку случаев, если вдруг по той или иной причине картинка не загрузилась.
ital62: Спасибо! А где этот код срисовать? И ещё: а сколько пользователей может одновременно просматривать эту страницу (камеру)?
Guest: <!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=30; //Задержка между кадрами (мс). var eDelay=cDelay; //Интервал между попытками соединения в случае неудачи (мс) var eStep=2000; //Приращение интервала с каждой новой неудачной попыткой (мс) var cAdr='192.168.0.3:80'; //Адрес камеры : порт. var cLogin='guest'; //Логин. var cPass='guest'; //Пароль. 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> <DIV ALIGN="center"> <IMG ID="camImg" SRC="none" WIDTH="640" HEIGHT="480" BORDER="1" ALT="Текущая картинка с камеры" onload="window.setTimeout('refreshImage', cDelay);eDelay=cDelay" onerror="window.setTimeout('refreshImage', eDelay);eDelay+=eStep"> <DIV STYLE="position:relative;bottom:480px;left:230px;color:#ffffff;font-weight:bold">Demo</DIV> </DIV> </BODY> </HTML> От предыдущего варианта отличается тем, что в случае, если картинка не подгружается, будут предприняты повторные попытки (до бесконечности) с постепенно увеличивающимися интервалами между ними.
ital62: Спасибо! Бесперебойно работает в IE, а вот в Мозиле вообще никак, но если приписать к предыдущему коду только пару строку, то всё ОК! var eDelay=cDelay; //Интервал между попытками соединения в случае неудачи (мс) var eStep=2000; //Приращение интервала с каждой новой неудачной попыткой (мс)
Guest: Да, действительно, в Opera и IE работает, FireFox на пустой источник никак не реагирует. Но это поправимо, просто в SRC прописываем "none" или добавляем в конце скрипт с refreshImage из первого варианта (последней возможностью, я так понимаю, вы и воспользовались).
ital62: Guest пишет: последней возможностью, я так понимаю, вы и воспользовались Совершенно верно! Чтобы я без Вас делал бы?
ital62: Установил семерку (64 бита), камера не стала казать! Есть какие-либо способы решения этой проблемы? Заранее спасибо!
Guest: Поподробнее пожалуйста. Где именно и что не показывает?
ital62: В IE - черный квадрат, а в Мозиле молоко, это на странице сайта - http://www.lazarevka.ru/webcam.shtml В английском не силен, но ругается по моему на пароль.
Guest: В Win7/32 все показывает (и в IE, и в Firefox). К 64-х битной версии к сожалению доступа пока нет. Если это возможно сделайте и выложите скриншот с ошибкой. Если напрямую по адресу камеры в IE зайти, работает?
ital62: Что-то не получается просмотреть ошибку, раньше ее видел, а сейчас ее нет, просто черный квадрат.! Если зайти непосредственно на камеру через пароль, то камера работает в IE.
Guest: Попробуйте напрямую написать в строке адреса браузера (IE, FireFox, ...) запрос на получение картинки. Посмотрите, загрузится-ли изображение. http://Camera_IP:Port/snapshot.jpg?UserName=User=&PassWord=Pass Camera_IP, Port, User и Pass меняем соответсвенно на IP адрес камеры, порт, логин и пароль.
полная версия страницы