<html>
<head>
<META HTTP-EQUIV="Expires" CONTENT="0">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<title>320x240 MJPG Live Demo</title>
</head>
<body bgcolor="#FFFFFF">
<center>
<h2>Motion JPEG of 320x240 image</h2>
<!-- Cut from here to the end of image display comment -->
<!-- Note: If you do not see a JavaScript below in the view source window you must -->
<!-- first save the html file from your browser, then open the saved -->
<!-- file in a text editor, for instance Notepad.-->
<SCRIPT LANGUAGE="JavaScript">
// Set the BaseURL to the url of your camera
// Example: var BaseURL = "http://192.168.1.133/";
// Since this file is located inside the unit itself, no base url is specified here
var BaseURL = "/";
// DisplayWidth & DisplayHeight specifies the displayed width & Height of the image.
// You may change these numbers, the effect will be a strech or a shrink of the image
var DisplayWidth = "320";
var DisplayHeight = "240";
// This is the filepath to the video generating file inside the camera itself
var File = "axis-cgi/mjpg/video.cgi?resolution=320x240";
// No changes required below this point
var output = "";
if ((navigator.appName == "Microsoft Internet Explorer")&&(navigator.platform != "MacPPC")&&(navigator.platform != "Mac68k"))
{
// If Internet Explorer for Windows then use ActiveX
output = "<OBJECT ID=\"CamImage\" WIDTH="
output += DisplayWidth;
output += " HEIGHT=";
output += DisplayHeight;
output += " CLASSID=CLSID:917623D1-D8E5-11D2-BE8B-00104B06BDE3 ";
output += "CODEBASE=\"";
output += BaseURL;
output += "activex/AxisCamControl.cab#Version=1,0,2,15\">";
output += "<PARAM NAME=\"URL\" VALUE=\"";
output += BaseURL;
output += File;
output += "\"> <BR><B>Axis ActiveX Camera Control</B><BR>";
output += "The AXIS ActiveX Camera 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
output = "<IMG SRC=\"";
output += BaseURL;
output += File;
output += "&dummy=garb\" HEIGHT=\"";
// The above dummy cgi-parameter helps some versions of NS
output += DisplayHeight;
output += "\" WIDTH=\"";
output += DisplayWidth;
output += "\" ALT=\"Moving Image Stream\">";
}
document.write(output);
</SCRIPT>
<!-- End of image display part -->
<P>
<A href="/demo/edu640x480v.shtml">640x480 Motion JPEG Video</A> |
<A href="/demo/edu320x240s.shtml">320x240 JPEG image</A> |
<A href="/demo/edu640x480s.shtml">640x480 JPEG image</A> |
<A href="/demo/edu320x240jav.shtml">320x240 Java Applet Motion JPEG Video</A> |
<A href="/demo/edu640x480jav.shtml">640x480 Java Applet Motion JPEG Video</A> |
<A href="/demo/javaupd320x240.shtml">JavaScript updated image</A> |
<A href="/view/index.shtml">Back to Main page</A>
</CENTER>
<P>Internet browsers are able to fetch images from many different
web servers onto a single web page. This makes adding live video
to one of your own pages a very easy task with an AXIS 2100 Network Camera.
You may even store an html page on your local hard disk and have it
display live images directly from your AXIS 2100.</P>
<P>
This page displays Motion JPEG images with a resolution of 320x240 pixels.
The Motion JPEG image stream is fetched from the
<CODE>/axis-cgi/mjpg/video.cgi?resolution=320x240</CODE> file. </P>
<P>The html source code of this html file contains comments on how to
do it on your own, simply save this html file on your hard disk or select
<CODE>view source</CODE> in your browser. Please note that some
prior knowledge of html is needed.
<P>The AXIS 2100 Network Camera is able to send Motion-JPEG to up
to 10 simultaneous connections. If you require more or have more
advanced solutions in mind we recommend that you visit
<A href="http://www.axis.com" TARGET="_BLANK">the Axis website</A> for more information.
</BODY></HTML>