Support


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Technical Note: Live Video on a medium hit rate site


The information in this article applies to:

  • AXIS 2100/2120/2400/2401/2420 from F/W version 2.30 and AXIS 2400+/2401+ from F/W version 3.01.

Summary

This article shows how to include a live video from an Axis network video product on a Web page.

More information

If you have direct Ethernet network connectivity available for the Axis Camera Server, simply connect the Axis Network Camera to your network and start to view images directly from it. The embedded web server handles everything. You are also able to easily configure your own web page inside the product itself. You may want to include live video on your own web page, simply follow the description available here.
The Axis Network Camera is able to handle10 simultaneous connections; this number is more then enough on most medium hit rate sites. If the number of simultaneous connections exceed 10, the next users might get live video as well but no guarantees given.

The code below is slightly more complex but it does work for most browsers. The first time this html page is accessed by Microsoft Internet Explorer (Windows) users will be requested to download an ActiveX component for image viewing.
All you have to do is to specify the BaseURL with the IP address of your camera as described in the example.

Example

<html>
<head>
<title>MJPG Live Demo</title>
</head>
<body>
<center>
<h2>Motion JPEG 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://172.21.1.122/";

var BaseURL = "http://[myCamera]/";

// The two following lines are for AXIS 2400/2400+:

var Camera = ""; // If you use an AXIS 2400/2400+, comment away this line by inserting "//"
// var Camera = "n"; // Change n to the Video source used in the AXIS 2400/2400+ 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.

// AXIS 2100
// var ImageResolution = "320x240";var DisplayWidth = "320";var DisplayHeight = "240";
// var ImageResolution = "640x480";var DisplayWidth = "640";var DisplayHeight = "480";

// AXIS 2120/2400/2400+/2401/2401+/2420 PAL
// var ImageResolution = "352x288";var DisplayWidth = "352";var DisplayHeight = "288";
// var ImageResolution = "704x576";var DisplayWidth = "704";var DisplayHeight = "576";

// AXIS 2120/2400/2400+/2401/2401+/2420 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/mjpg/video.cgi?resolution=" + ImageResolution;
if (Camera != "") {File += "&camera=" + Camera;}
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 -->
</body>
</html>

 

Axis does not take any responsibility for how these configuration changes may affect your system. If the modification fails or if you get other unexpected results, you may have to restore the factory default settings as described in the User’s Manual.