Html code for Webcam

[Packrat]

I have an Axis 2100 Network cam and I have a webapge that will grab the streaming video from the cam. Only one problem. For Internet Explorer it uses ActiveX and for the others it should use Java Script to show the video.
Works fine in all browsers except Opera. Opera's default setting in Browser Identification is IE 6.0. So when someone with Opera goes to the site it tries to load Active-X instead of Java.

Is there a way to just make all browsers use Java? I tried many different things and it keeps giving me errors. I figured someone out here would be able to help me. Thanks in advance

Here is the script

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

<p>
<SCRIPT LANGUAGE="JavaScript">
// Set the BaseURL to the url of your camera
// Example: var BaseURL = "http://172.21.1.122/";

var BaseURL = "";

// The two following lines are for AXIS 2400:

var Camera = ""; // If you use an AXIS 2400, comment away this line by inserting "//"
// var Camera = "n"; // Change n to the Video source used in the AXIS 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/2401/2420 PAL
// var ImageResolution = "352x288";var DisplayWidth = "352";var DisplayHeight = "288";
// var ImageResolution = "704x576";var DisplayWidth = "704";var DisplayHeight = "576";

// AXIS 2120/2400/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 -->

[darkhorse]

At first glance.... you're using navigator.appName, see what happens if you try navigator.userAgent

[Packrat]

At first glance.... you're using navigator.appName, see what happens if you try navigator.userAgent

Thanks for the reply, but if I change that it stops working in IE.

[CeeBee]

Get rid of the condition check from "if ((navigator.appName.." to "else", this should force all browsers to use the non-ie script.

[Packrat]

Get rid of the condition check from "if ((navigator.appName.." to "else", this should force all browsers to use the non-ie script.

Okay I took that out (by the way thanks for the reply)

and now it looks like this after all the camera options

// No changes required below this point
var File = "axis-cgi/mjpg/video.cgi?resolution=" + ImageResolution;
if (Camera != "") {File += "&camera=" + Camera;}
var output = "";

// 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>
<p><a href="#" onclick="javascript:window.open('streamwebcamremot e.htm', 'none', 'width=340,height=335');">Click
here to open a remote window</a> </p>
</body>
</html>

But now it gives me a javascript error.

[noone]

Okay I took that out (by the way thanks for the reply)

and now it looks like this after all the camera options

<sniped and moved code>

But now it gives me a javascript error.

Looking over your code, looks likes you cut the coditional statement if(stuff=stuff){}else{

and left the trailing } behind at the end. I commented it out below, try that or just remove it, should fix the script error.

// No changes required below this point
var File = "axis-cgi/mjpg/video.cgi?resolution=" + ImageResolution;
if (Camera != "") {File += "&camera=" + Camera;}
var output = "";

// 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>
<p><a href="#" onclick="javascript:window.open('streamwebcamremote.htm', 'none', 'width=340,height=335');">Click 
  here to open a remote window</a> </p>
</body>
</html>

[Packrat]

Looking over your code, looks likes you cut the coditional statement if(stuff=stuff){}else{

and left the trailing } behind at the end. I commented it out below, try that or just remove it, should fix the script error.

// No changes required below this point
var File = "axis-cgi/mjpg/video.cgi?resolution=" + ImageResolution;
if (Camera != "") {File += "&camera=" + Camera;}
var output = "";

// 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>
<p><a href="#" onclick="javascript:window.open('streamwebcamremote.htm', 'none', 'width=340,height=335');">Click 
  here to open a remote window</a> </p>
</body>
</html>

Thanks for the help,
But it now will not work in IE....
I also did some more testing. If I set Opera to not identify itself as IE (which is what it is set as on install) It runs terrible using Java. Think I will just give up on Opera and put a footnote for them to install IE, NS, or Mozilla.

Thanks again.

[ElectT]

hello...
is it possible to have live view of this webcam, without keep manualy refreshing.

"http://webcam-rade.ville-ge.ch/axis-cgi/jpg/image.cgi?camera=..."

this one looks the way but e keep getting the download messege instand of the video at the browser

"http://webcam-rade.ville-ge.ch/axis-cgi/mjpg/video.cgi?resolution=320x240"

thanks