BLOG ARTICLE IP cam | 2 ARTICLE FOUND

  1. 2010.05.27 Live Stream on your web page using JAVA 1
  2. 2010.05.27 Live Stream on your web page using ActiveX 2

You can view the live stream of your Network IP Camera without connecting to the camera's login page first. That way it is possible to embed the live video stream directly into your web page.

Basically you can find the solution in the source code of this very web page. This is the portion of the HTML code which embeds the live video. Simply copy and paste this code into your own web page.

Please pay special attention to the yellow text!

<APPLET CODE=LoadJpg.class ARCHIVE=loadjpg.jar name=NCApplet
WIDTH=320 HEIGHT=260
CODEBASE = http://123.456.789.44/web/>
<PARAM NAME=FPS VALUE=30>
<param name=ImageTransferPort value=8080
>
<param name=HashingKey value=0>
<param name=ID value=guest>
<param name=PASSWORD value=guest>
<param name="VER_FLIP" value="0">
<param name="HOR_FLIP" value="0">

<param name="Timestamp" value="true">


</APPLET>

The BLUE parameters have to be adjusted.


CODEBASE = http://123.456.789.44/web/>
Replace the IP Address 123.456.789.44 by the IP Address of your camera.

You can also put in the domain name of your camera.
Example:
CODEBASE = http://mycamera.dyndns.org/>

In case you have changed the default webserver port of the camera from "80" to something else, i.E. 82, the address would be:
CODEBASE = http://123.456.789.44:82/>
or:
CODEBASE = http://mycamera.dyndns.org:82/>

Important Information about the two different versions of Network IP Camera!
The old camera (Barcode 550550, Firmware Version up to Version 0030-199) requires the following address:
CODEBASE = http://123.456.789.44/web/>

The current version (Barcode 550710) only works without the "/web/":
CODEBASE = http://123.456.789.44/>


<PARAM NAME=FPS VALUE=30> If you want to limit the bandwidth the camera uses you may reduce the value here. "30" refers to the maximum frame rate of 30 fps.
If you change that value to "2" then each visitor of your web page would only receive a maximum of 2 fps (frames per second).
Value "0.5" means: 1 frame every other second
Value "0.2" means: 1 frame every 5 seconds
Value "0.1" means: 1 frame every 10 seconds (example above)


<param name=ID value=guest> Username required to login. If you have disabled the guest account you will need to adjust the value here.

<param name=PASSWORD value=guest> Password required to login. If you have disabled or changed the guest account you will need to adjust the value here.


<param name=ImageTransferPort value=8080> Port 8080 is the default value. If you changed the image transfer port of your camera in the network settings you need to enter the new port number here. If you haven't changed anything you must leave the default value.
You have to make sure that the port is not being blocked by a firewall.


<param name="VER_FLIP" value="0"> Change this to value "1" in order to flip the image on your web page vertically.
<param name="HOR_FLIP" value="0"> Change this to value "1" in order to flip the image on your web page horizontally.



Do not use Microsoft Frontpage WebEditor to edit the page as it changes the code which may lead to unexpected results!

AND


I would like to bypass the login screen of the camera and embed the live video stream directly into my web site. How can that be done?



Live Stream on your web page using ActiveX
Instructions for current camera 550710 & UWN-210C

You can view the live stream of your 550710 Network Camera without connecting to the camera's login page first. That way it is possible to embed the live video stream directly into your web page.

Basically you can find the solution in the source code of this very web page. This is the portion of the HTML code which embeds the live video. Simply copy and paste this code into your own web page.

<object id='ImagN' width=0 height=0 classid='CLSID:5DA9D8E0-5A57-11CF-9E36-00C0930198C0'
CODEBASE = ./LNetCam.cab#version=4,0,0,0>
</object>

<object id='LNCActiveX' width=320 height=260 classid='CLSID:9C3EFB8A-DC20-484B-B905-5E337A988C5D'
CODEBASE = ./LNetCam.cab#version=1,0,0,9>
</object>

<script language="JavaScript">
document.LNCActiveX.IsVerticalFlip=false;
document.LNCActiveX.IsHorizontalFlip=false;
document.LNCActiveX.CameraIP = "123.123.123.123";
document.LNCActiveX.ImageWidth=320;
document.LNCActiveX.ImageHeight=240;
document.LNCActiveX.IsBehindFirewall=false;
document.LNCActiveX.FirewallAuthCheck=false;
document.LNCActiveX.HashingKey="0";
document.LNCActiveX.Id="guest";
document.LNCActiveX.PassWord="guest";
document.LNCActiveX.ImageTransferPort=8080;
document.LNCActiveX.Expansion=1.0;
document.LNCActiveX.MaxFrameRate=30;
d
ocument.LNCActiveX.TimeStamp=true;
</script>

The BLUE parameters have to be adjusted to your camera. Those values are pretty much self-explanatory. However, here're some additional comments for better understanding:

doVerticalFlip: Flips image vertically
false: no image flip
true: vertical image flip


doHorizontalFlip: Flips image horizontally
false: no image flip
true: horizontal image flip

CameraIP: Replace the IP Address by the IP Address of your camera

ImageWidth=320; Controls the Video Width, needs to be changed in <object> tag as well.

ImageHeight=240; Controls the Video Height, needs to be changed in <object> tag as well.

IsBehindFirewall: & FirewallAuthCheck:
false: The video stream uses the image transfer port
true: The video stream uses the web server port.
Setting both parameters to 'true' improves compatibility and is the recommended setting.


Id="guest"; Username required to login. If you have disabled the guest account you will need to adjust the value here.

PassWord="guest";
Password required to login. If you have disabled or changed the guest account you will need to adjust the value here.

ImageTransferPort=8080; Port 8080 is the default value. If you changed the image transfer port of your camera in the network settings you need to enter the new port number here. If you haven't changed anything you must leave the default value.

maxFrameRate=30; If you want to limit the bandwidth the camera uses you may reduce the value here. "30" refers to the maximum frame rate of 30 fps.
If you change that value to "2" then each visitor of your web page would only receive a maximum of 2 fps (frames per second).
Value "0.5" means: 1 frame every other second
Value "0.2" means: 1 frame every 5 seconds
Value "0.1" means: 1 frame every 10 seconds (example above)

TimeStamp=true; Display the time top of the live image. "False" = no time

AND