중간 정도의 방문율 사이트의 라이브 비디오

요약: 이 문서에서는 Axis 네트워크 비디오 제품의 라이브 비디오를 웹 페이지에 포함하는 방법을 보여줍니다.
이 문서에 있는 정보는 펌웨어 버전 4.xx를 실행 중인 모든 Axis 네트워크 카메라 및 비디오 서버에 적용됩니다.

설명

Axis 네트워크 카메라에 직접 이더넷 네트워크 연결을 사용할 수 있으면 카메라를 네트워크에 연결하고 해당 네트워크에서 바로 카메라 보기를 시작합니다. 내장된 웹 서버에서 모든 것을 처리합니다. 또한 제품 자체 내에서 사용자 자신의 웹 페이지를 간단하게 구성할 수 있습니다. 라이브 비디오를 자체 웹 페이지에 포함하려면 여기에 나와 있는 설명을 따르면 됩니다.
Axis 네트워크 카메라에서 20개의 연결을 동시에 처리할 수 있으며 이 개수만으로 대부분의 중간 방문율 사이트는 충분합니다. 동시 사용자 수가 20을 초과하면 다음 사용자가 라이브 비디오를 얻을 수 없습니다.
아래 코드는 다소 복잡하지만 대부분의 브라우저에서 제대로 작동합니다. Microsoft Internet Explorer(Windows)에서 이 html 페이지에 처음 액세스하면 사용자는 이미지 보기를 위해 ActiveX 구성 요소를 다운로드하라는 요청을 받습니다.
이 예에 나와 있는 대로 BaseURL을 카메라의 IP 주소로 지정하고 ImageResolution, DisplayWidth 및 Height만 정의하면 됩니다. 

<html>
<title>Live Video from AXIS Camera</title>
<body>
<center>
<h2>Live Video from AXIS Camera</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 240Q/241S(A)/241Q(A)/243SA, comment away this line by inserting "//"
// var Camera = "n"; // Change n to the Video source used in the AXIS 240Q/ 241S(A)/241Q(A)/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 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";

// This is the path to the image generating file inside the camera itself
var File = "axis-cgi/mjpg/video.cgi?resolution="+ImageResolution;
// No changes required below this point
if (Camera != "") {File += "&camera=" + Camera;}
var output = "";
if ((navigator.appName == "Microsoft Internet Explorer") &&
(navigator.platform != "MacPPC") && (navigator.platform != "Mac68k"))
{
// If Internet Explorer under Windows then use ActiveX
output = '<OBJECT ID="Player" width='
output += DisplayWidth;
output += ' height=';
output += DisplayHeight;
output += ' CLASSID="CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044" ';
output += 'CODEBASE="';
output += BaseURL;
output += 'activex/AMC.cab">';
output += '<PARAM NAME="MediaURL" VALUE="';
output += BaseURL;
output += File + '">';
output += '<param name="MediaType" value="mjpeg-unicast">';
output += '<param name="ShowStatusBar" value="0">';
output += '<param name="ShowToolbar" value="0">';
output += '<param name="AutoStart" value="1">';
output += '<param name="StretchToFit" value="1">';
output += '<BR><B>Axis Media Control</B><BR>';
output += 'The AXIS Media Control, which enables you ';
output += 'to view live image streams in Microsoft Internet';
output += ' Explorer, could not be registered on your computer.';
output += '<BR></OBJECT>';
} else {
// If not IE for Windows use the browser itself to display
theDate = new Date();
output = '<IMG SRC="';
output += BaseURL;
output += File;
output += '&dummy=' + theDate.getTime().toString(10);
output += '" HEIGHT="';
output += DisplayHeight;
output += '" WIDTH="';
output += DisplayWidth;
output += '" ALT="Camera Image">';
}
document.write(output);
document.Player.ToolbarConfiguration = "play,+snapshot,+fullscreen";

</SCRIPT>
</body>
</html>

참고 1: 추가 옵션은 제품 웹 인터페이스의 HTML 예 또는개발자 페이지를 참조하십시오.

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

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