четверг, 7 февраля 2013 г.

динамическое обновление страницы скрипт

Наипростейший вариант: самостоятельно кликать в браузере мышкой по кнопке Reload Page (Обновить страницу), однако такое решение по меньшей мере неэлегантно, по большей непрактично, особенно если для дистанционного слежения вы пользуетесь каким-нибудь поганым и улиткообразным GPRS, как, например, у «Билайна». Благо существует несколько красивых программных вариантов динамического обновления веб-страницы, которые, к радости пользователей, блестяще реализованы в Active WebCam. Даже если вы на «ты» с языком HTML, настоятельно рекомендую использовать встроенный в Active WebCam мастер подсказок, который позволяет сваять страницу для нашего веб-сервера без лишней головной боли за 30 секунд (рис. 3, 4).

Теперь нам предстоит разобраться с веб-страницей и системой авторизации доступа. Итак, пользователь указывает в браузере адрес и номер порта, по которому транслируется информация с веб-камеры. Следующим шагом браузер запрашивает у сервера домашнюю страницу и загружает ее в свое окно. Вопрос на засыпку: какую информацию должна содержать наша домашняя страницы? Очевидно, что картинку с изображением скриншота. И только? Нет конечно! Ведь нам важно не просто полюбоваться фотографией своей квартиры, но и отследить происходящие в ней события (ограбления, пожары, не приведи господи, факты супружеской измены и прочая). Выходит, одной фотографией не отделаешься нужно еще и динамическое обновление информации! Иными словами, Active WebCam должна постоянно обновлять скриншоты для нашего веб-сервера, а домашняя страница уметь самопроизвольно обновляться. Как добиться автоматизации перезагрузки домашней страницы?

отправляемся на Additional Settings дополнительные настройки (рис. 2).

задаем номер порта и проверяем его свободное состояние (жмем кнопку Check the Prot Availability);

определяем Frame Rate. Это частота, с которой будет обновляться картинка в браузере пользователя. По умолчанию указанное значение 5 кадров в секунду более или менее адекватно загружает процессор нашего сервера, однако несоизмеримо высоко для пропускной способности дайлапа и GPRS, которыми, с учетом специфики задач (дистанционное слежение за домом), мы будем пользоваться в большинстве случаев. Поэтому настоятельно рекомендую установить что-нибудь типа 3 5 кадров в минуту (не секунду!), в противном случае вместо изображения веб-камеры вы будете видеть на экране надпись «Off Line»;

ставим галочку на HTTP Server;

установить систему авторизации доступа.Как видите, ничего страшного (особенно когда понимаешь, о чем идет речь). Итак, в меню Settings на закладке Broadcasting:

указать директорию, в которой будет храниться воспроизводимая в Интернете страница с мгновенным скриншотом веб-камеры;

указать номер порта;

указать IP-адрес нашего компьютера. Его можно узнать из меню Tools команда Get Computer IP Address, однако помните, что таким образом вы получите либо внутренний IP-адрес вашей домашней сетки, либо динамически изменяемый адрес вашего провайдера Интернета. О том, как справиться с этими (главными!) трудностями интернет-вещания нашей веб-камеры, мы поговорим позже, а пока запишите тот адрес, который получите, он понадобится нам для предварительного тестирования вещания;

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

Допускаю, что от фразы «превращает ваш компьютер в устройство, передающее информацию по сети», непосвященного человека может хватить кондрашка. Чип и Дэйл спешат на помощь. PY Software хоть и шпионская компания, но еще в своем уме: в сеть передается не вся информация вообще, а только та, что хранится в указанной вами директории! В качестве мер предосторожности используется авторизация доступа (защита «логин-пароль»), а также использование нестандартного порта. Для удобства представления можно считать, что порт компьютера это некий канал, по которому идет трансляция. Или в аналогии эфирного вещания частота радиоволны. Стандартный порт для вещания по протоколу http 80. По умолчанию в Active WebCam дается порт 8080, но вы вольны сменить его на что угодно, например на 6729.

Прежде чем что-то настраивать в http-сервере, желательно представить хотя бы в самых общих чертах сермяжную суть. Итак, в переводе на человеческий язык: программа Active WebCam превращает ваш компьютер в некое устройство, передающее информацию по сети (в чем, собственно, и заключается смысл любого сервера). Приставка http говорит лишь о том, что вещание сервера будет вестись по протоколу HTTP, тому самому, что используется в WWW и считывается обыкновенным браузером.

Отправляемся в меню настроек (Settings) и переключаемся на закладку Broadcasting (Вещание), рис. 1. Из всех возможных опций вещания нас интересует последняя вещание через http-сервер.

Серия Голубятен «За стеклом» посвящена настройке системы наблюдения за собственным домом с помощью веб-камеры и сетевого вещания в Интернет. В первой части мы подключили все необходимое железо и остановились на настройке этого самого вещания так называемого бродкастинга. Как я уже сказал, Active WebCam программа очень солидная, настроек море, так что абы не утонуть, даю подробную инструкцию.

Опубликовано в журнале

Серия Голубятен «За стеклом» посвящена настройке системы наблюдения за собственным домом с помощью веб-камеры и сетевого вещания в Интернет.

За стеклом. Часть вторая

05 февраля 2013 года

За стеклом. Часть вторая - Журнал "Компьютерра"

Комментариев нет:

Отправить комментарий