Моментальные снимки в интерактивном режиме

Резюме: В этой статье показано, как вставить один моментальный снимок с сетевой камеры Axis на веб-страницу.
Приведенная в статье информация относится ко всем сетевым камерам и видеосерверам Axis.

Описание

Некоторые браузеры обрабатывают кэшированные изображения не так, как текст на HTML-странице. Они выполняют кэширование изображений независимо от того, изменилось ли изображение на сервере или нет. Поскольку сетевая камера Axis всегда показывает обновленные живые изображения, на некоторых браузерах вы можете увидеть старое кэшированное изображение при возврате на соответствующую страницу. В следующем примере показано, как можно этого избежать, если использовать фиктивный параметр CGI. В примере с HTML-страницей также есть метатег, благодаря которому каждые 30 секунд происходит перезагрузка этой страницы.

Пример

<html>
<head>
<META http-equiv="Refresh" content="30">
<!-- Метатег вверху обеспечивает обновление этой страницы каждые 30 секунд -->
<!-- Измените число 30 на нужную частоту обновления или удалите этот -->
<!-- тег, если автоматическое обновление страницы не требуется -->

<title>Демо-изображение в формате JPG</title>
</head>
<body>
<center>
<h2>Изображение в формате JPEG</h2>

<SCRIPT LANGUAGE="JavaScript">
// Задайте URL-адрес вашей камеры в качестве параметра BaseURL
// Пример: var BaseURL = "http://172.21.1.122/";

var BaseURL = "http://[myCamera]/";

// Необходимо изменить следующие две строки, если используется AXIS 241S(A)/241Q(A)/240Q/243SA:

var Camera = ""; // Если используется AXIS 241S(A)/241Q(A)/240Q/243SA, превратите эту строку в комментарий, вставив "//"
// var Camera = "n"; // Если используются модели AXIS 241S(A)/241Q(A)/240Q/243SA, укажите вместо n используемый видеоисточник и удалите "//"

// Перейдите к настройкам используемой камеры и удалите знак "//" перед используемым параметром ImageResolution.
// Следует помнить, что в каждый момент времени можно активировать только один параметр.

// Список доступных разрешений представлен в разделе настроек устройства.

// AXIS 206/207/210/210A/211/211A/212 PTZ/216FD/221/225FD
// var ImageResolution = "320x240";var DisplayWidth = "320";var DisplayHeight = "240";
// var ImageResolution = "640x480";var DisplayWidth = "640";var DisplayHeight = "480";

// AXIS 213 PTZ/214 PTZ/231D(+)/232D(+)/240Q/241S(A)/241Q(A)/243SA PAL
// var ImageResolution = "352x288";var DisplayWidth = "352";var DisplayHeight = "288";
// var ImageResolution = "704x576";var DisplayWidth = "704";var DisplayHeight = "576";

// AXIS 213 PTZ/214 PTZ/231D(+)/232D(+)/240Q/241S(A)/241Q(A)/243SA NTSC
// var ImageResolution = "352x240";var DisplayWidth = "352";var DisplayHeight = "240";
// var ImageResolution = "704x480";var DisplayWidth = "704";var DisplayHeight = "480";


// Ниже этой точки ничего менять не нужно
var File = "axis-cgi/jpg/image.cgi?resolution=" + ImageResolution;
if (Camera != "") {File += "&camera=" + Camera;}
theDate = new Date();
var output = "<IMG SRC=\"";
output += BaseURL;
output += File;
output += "&dummy=";
output += theDate.getTime().toString(10);
// Приведенный выше фиктивный cgi-параметр позволяет обходить кэш изображения в браузере.
output += "\" HEIGHT=\"";
output += DisplayHeight;
output += "\" WIDTH=\"";
output += DisplayWidth;
output += "\" ALT=\"Live Image\">";
document.write(output);
</script>
</body>
</html>

Примечание 1: Другие варианты представлены в виде HTML-примеров в веб-интерфейсе устройства (в устройствах, имеющих встроенное ПО версии 4.xx).

Примечание 2: Не следует вырезать и вставлять этот код непосредственно в программу Microsoft FrontPage. Сначала скопируйте его в блокнот, чтобы убрать форматирование, а оттуда уже скопируйте и вставьте в новую страницу FrontPage на вкладке HTML.

Важно! Компания Axis не несет никакой ответственности за то, как эти изменения конфигурации могут повлиять на вашу систему. Если изменение окажется неудачным или вы получите другие неожиданные результаты, то возможно вам придется восстановить заводские установки по умолчанию, как описано в руководстве пользователя.