라이브 스냅샷

요약: 이 문서에서는 Axis 네트워크 카메라의 단일 스냅샷을 웹 페이지에 포함하는 방법을 보여줍니다.
이 문서에 있는 정보는 모든 Axis 네트워크 카메라 및 비디오 서버에 적용됩니다.

설명

일부 브라우저는 텍스트 또는 html 페이지에서와 다르게 이미지 캐싱을 처리합니다. 서버에서 변경했는지 여부에 상관없이 이미지를 캐싱합니다. Axis 네트워크 카메라는 항상 라이브로 업데이트된 이미지를 제공하므로 해당 페이지로 돌아가면 일부 브라우저에서는 이전에 캐싱된 이미지를 표시할 수도 있습니다. 다음 예에서는 더미 CGI 매개변수를 사용하여 이를 방지하는 방법을 보여줍니다. 이 html 페이지 예에도 30초마다 html 페이지를 자동으로 다시 로드하는 메타 태그가 포함되어 있습니다.

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

참고 1: 추가 옵션은 제품 웹 인터페이스(펌웨어 버전 4.xx를 실행하는 제품)의 HTML 예를 참조하십시오.

참고 2: 이 코드를 Microsoft FrontPage 프로그램으로 바로 잘라내기와 붙여넣기하지 마십시오. 먼저 메모장에 복사하여 서식을 제거한 다음 FrontPage의 새 페이지에서 HTML 탭 아래에 복사합니다.

중요: Axis는 이러한 구성 변경이 사용자의 시스템에 미치는 영향에 대해 어떠한 책임도 지지 않습니다. 수정이 실패하거나 예상치 못한 결과가 발생하는 경우 사용자 설명서에 나와 있는 대로 공장 출하 시 기본값 설정을 복원해야 할 수도 있습니다.