Instantâneos ao vivo

Resumo: Este artigo mostra como incluir um único instantâneo de uma câmera de rede Axis em uma página da Web.
As informações neste artigo se aplicam a todas as câmeras de rede e servidores de vídeo Axis.

Descrição

Alguns navegadores lidam com cache de imagens de forma diferente do que com um texto ou página html. Eles fazem cache de imagens independente de alterações no servidor. Como a câmera de rede Axis sempre fornece imagens atualizadas ao vivo, talvez, em alguns navegadores, você veja uma imagem em cache antiga ao retornar à página. O exemplo a seguir mostra como evitar isso ao usar um parâmetro de CGI fictício. O exemplo de página html também inclui uma meta tag que recarregará automaticamente a página html a cada a 30 segundos.

Exemplo

<html>
<head>
<META http-equiv="Refresh" content="30">
<!-- A meta tag acima atualiza esta página a cada 30 segundos -->
<!-- Altere o número 30 para a taxa de atualização desejada ou remova isso -->
<!-- Marque se você não desejar que a página seja atualizada automaticamente -->

<title>Demonstração de imagem JPG</title>
</head>
<body>
<center>
<h2>Imagem JPEG</h2>

<SCRIPT LANGUAGE="JavaScript">
// Defina BaseURL como o URL de sua câmera
// Exemplo: var BaseURL = "http://172.21.1.122/";

var BaseURL = "http://[minhaCâmera]/";

// As duas linhas a seguir deverão ser alteradas se um AXIS 241S(A)/241Q(A)/240Q/243SA for usado:

var Camera = ""; // Se você usar um AXIS 241S(A)/241Q(A)/240Q/243SA, comente esta linha ao inserir "//"
// var Camera = "n"; // Altere n para a fonte de vídeo usada no AXIS 241S(A)/241Q(A)/240Q/243SA e remova "//"

// Vá para a câmera usada e remova "//" da frente da ImageResolution a ser usada.
// Observe que apenas uma pode ser ativada de cada vez.

// A lista de resoluções adicionais disponíveis é mostrada na configuração do produto.

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


// Nenhuma alteração necessária a partir daqui
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);
// O cgi-parameter fictício acima impõe um bypass do cache de imagens do navegador.
output += "\" HEIGHT=\"";
output += DisplayHeight;
output += "\" WIDTH=\"";
output += DisplayWidth;
output += "\" ALT=\"Live Image\">";
document.write(output);
</script>
</body>
</html>

Observação 1: Para obter mais opções, veja os exemplos de HTML na interface da Web do produto (produtos com firmware versão 4.xx).

Observação 2: Não corte e cole este código diretamente no programa Microsoft FrontPage. Primeiro, copie o código para o Bloco de Notas para remover a formatação e, em seguida, copie sob a guia HTML em uma nova página no FrontPage.

Importante: A Axis não se responsabiliza por como essas alterações de configuração podem afetar o seu sistema. Se a modificação falhar ou se você obtiver resultados inesperados, talvez seja necessário restaurar as configurações padrão de fábrica descritas no Manual do Usuário.