Clichés en direct

Résumé : Cet article montre comment inclure une capture d'image unique depuis une caméra réseau Axis sur une page web.
Les informations contenus dans cet article s'appliquent à toutes les caméras réseaux et serveurs vidéo Axis.

Description

Certains navigateurs gèrent la mise en cache des images différemment d'une page texte ou html. Ils mettent en cache les images qu'elles aient changé sur le serveur ou non. Étant donné que la caméra réseau Axis fournit toujours des images mises à jour en direct, il se peut que sur certains navigateurs vous voyiez une ancienne image mise en cache lorsque que vous revenez à la page. L'exemple suivant montre comment éviter cela en utilisant un paramètre CGI fictif. L'exemple de page html intègre également une méta balise qui recharge automatiquement la page html toutes les 30 secondes.

Exemple

<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>

Remarque 1 : Pour plus d'options, reportez-vous aux exemples HTML dans l'interface web du produit (produits utilisant le firmware version 4.xx).

Remarque 2 : Ne jamais couper/coller ce code directement dans le programme Microsoft FrontPage. Commencez par le copier dans Notepad pour supprimer le formatage, puis copiez-le dans l'onglet HTML d'une nouvelle page dans FrontPage.

Important : Axis ne saurait en aucun cas être tenu pour responsable des effets de ces changements de configuration sur votre système. En cas d'échec de la modification ou si vous obtenez d'autres résultats inattendus, vous devrez peut-être restaurer les paramètres des valeurs par défaut, comme indiqué dans le manuel de l'utilisateur.