Here is a very simple block of html to embed your camera's video in your website; allows shared viewing of live video by those whom you give the camera username/password.
Naturally, you will need to have set up camera and router port forwarding, non-admin username & password, etc. Insert your camera name, WANip, and port number into this code where you see "myWANip:port#".
Expand to add cameras, by duplicating the working block <tr> ... </tr> with new values.
Tested on Mac - Safari, Firefox with minor annoyance of memory filling (clearable), Chrome doesn't login; and on iPad - Safari, Terra (Chrome doesn't login; Opera Mini doesn't get video).
<html>
<head>
<title>LiveVideo</title>
<META content="text/html"; charset="UTF-8"; http-equiv=Content-Type>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
</head>
<body>
LiveVideo by acellier, rev. 2012-08-06 1740
<tr>
<div class="box">
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<tr><td bgcolor=black > <font color=white> CameraName <BR></font>
</td> </tr> </TABLE>
<iframe src="http://myWANip:port#/video.cgi"
width="640" height="480" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" >
</iframe>
</div>
</tr>
</body>
<HEAD>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
</HEAD>
</html>
Author
Topic: Embedding your camera video in a website (Read 35773 times)