Istantanee in diretta

Riepilogo: in questo articolo viene illustrato come includere una singola istantanea di una telecamera di rete Axis in una pagina Web.
Le informazioni contenute in questo articolo sono valide per tutte le telecamere di rete e tutti i codificatori video Axis.

Descrizione

Alcuni browser gestiscono la memorizzazione delle immagini nella cache in modo diverso da come avviene per un testo o una pagina HTML. Le immagini vengono memorizzate indipendentemente se sono state o meno modificate nel server. Dal momento che la telecamera di rete Axis fornisce immagini in diretta aggiornate, è possibile che in alcuni browser venga visualizzata una vecchia immagine memorizzata nella cache quando si torna alla pagina. Negli esempi seguenti viene mostrato come evitare questo inconveniente utilizzando un parametro fittizio CGI. Nell'esempio di pagina HTML è inoltre incluso un tag META che consentirà di ricaricare automaticamente tale pagina ogni 30 secondi.

Esempio

<html>
<head>
<META http-equiv="Refresh" content="30">
<!-- The Meta tag above makes this page refresh every 30 seconds -->
<!-- Change the number 30 into your desired refresh rate or remove this -->
<!-- Tag if you do not want the page to refresh automatically -->

<title>JPG Image Demo</title>
</head>
<body>
<center>
<h2>JPEG image</h2>

<SCRIPT LANGUAGE="JavaScript">
// Set the BaseURL to the url of your camera
// Example: var BaseURL = "http://172.21.1.122/";

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

// The two following lines need to be changed if an an AXIS 241S(A)/241Q(A)/240Q/243SA is used:

var Camera = ""; // If you use an AXIS 241S(A)/241Q(A)/240Q/243SA, comment away this line by inserting "//"
// var Camera = "n"; // Change n to the Video source used in the AXIS 241S(A)/241Q(A)/240Q/243SA and remove "//"

// Go to the camera used and remove the "//" in front of the ImageResolution to be used.
// Note that only one can be enabled at a time.

// List of additional available resolutions is shown in the product's configuration.

// 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 changes required below this point
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);
// The above dummy cgi-parameter enforce a bypass of the browser image cache.
output += "\" HEIGHT=\"";
output += DisplayHeight;
output += "\" WIDTH=\"";
output += DisplayWidth;
output += "\" ALT=\"Live Image\">";
document.write(output);
</script>
</body>
</html>

Nota 1: per altre opzioni, vedere gli esempi HTML nell'interfaccia Web del dispositivo (dispositivi che eseguono la versione firmware 4.xx).

Nota 2: non tagliare e incollare questo codice direttamente nel programma Microsoft FrontPage. Copiarlo innanzitutto in Blocco note per rimuovere la formattazione, quindi copiarlo nella scheda HTML in una nuova pagina in FrontPage.

Importante: Axis declina ogni responsabilità circa la modalità con cui queste modifiche di configurazione possono influire sul sistema. Se la modifica ha esito negativo o non si ottengono i risultati previsti, è possibile che sia necessario ripristinare le impostazioni predefinite di fabbrica come descritte nella guida per l'utente.