Instantáneas en directo

Resumen: En este artículo se describe cómo agregar a una página web una instantánea de una cámara de red Axis.
La información de este artículo es aplicable a todos los servidores de vídeo y cámaras de red de Axis.

Descripción

Algunos navegadores gestionan el almacenamiento en caché de las imágenes de forma diferente a texto o una página HTML. Almacenan las imágenes en caché tanto si han cambiado en el servidor como si no. Puesto que una cámara de red Axis proporciona siempre imágenes actualizadas en directo, en algunos navegadores podría ver una imagen en caché antigua al volver a la página. En el ejemplo siguiente se muestra como evitarlo mediante el uso de un parámetro CGI ficticio. El ejemplo de página HTML tiene también una metaetiqueta que volverá a cargar la página automáticamente cada 30 segundos.

Ejemplo

<html>
<head>
<META http-equiv="Refresh" content="30">
<!-- La metaetiqueta anterior hace que esta página se actualice cada 30 segundos -->
<!-- Cambie el número 30 a la tasa de actualización que desee o elimine esta -->
<!-- etiqueta si no desea que la página se actualice automáticamente -->

<title>Demostración de imagen JPG</title>
</head>
<body>
<center>
<h2>Imagen JPEG</h2>

<SCRIPT LANGUAGE="JavaScript">
// Establezca la BaseURL en la URL de su cámara
// Ejemplo: var BaseURL = "http://172.21.1.122/";

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

// Las dos líneas siguientes se tienen que cambiar si se usa una AXIS 241S(A)/241Q(A)/240Q/243SA:

var Camera = ""; // Si usa una AXIS 241S(A)/241Q(A)/240Q/243SA, elimine esta línea mediante la inserción de "//"
// var Camera = "n"; // Cambie n al origen de vídeo que se use en la AXIS 241S(A)/241Q(A)/240Q/243SA y elimine "//"

// Vaya a la cámara utilizada y quite "//" delante de ImageResolution que se vaya a usar.
// Tenga en cuenta que las cámaras solo se pueden activar de una en una.

// La lista de otras resoluciones disponibles se muestra en la configuración del producto.

// 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";


// No se necesitan cambios a partir de aquí
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);
// El parámetro cgi ficticio anterior impone que se pase por alto la caché de imágenes del navegador.
output += "\" HEIGHT=\"";
output += DisplayHeight;
output += "\" WIDTH=\"";
output += DisplayWidth;
output += "\" ALT=\"Live Image\">";
document.write(output);
</script>
</body>
</html>

Nota 1: Para ver otras opciones, consulte los ejemplos de HTML de la interfaz web del producto (productos con la versión de firmware 4.xx).

Nota 2: No copie y pegue directamente este código en el programa Microsoft FrontPage. Cópielo primero en el Bloc de notas para eliminar el formato y, a continuación, cópielo en la pestaña HTML de una nueva página en FrontPage.

Importante: Axis no acepta responsabilidad alguna por los efectos que estos cambios de configuración podrían tener en su sistema. Si la modificación produce errores o se obtienen resultados no esperados, podría tener que restaurar los ajustes predeterminados de fábrica tal y como se describe en el manual del usuario.