Some of you may wish to create a webpage which only shows a current view (snapshot) from your camera(s). The following HTML will do that. Note, you really do not need any JavaScript for this code, but I added some so that I could display the date and time the snapshot was taken. For the camera addressing and port discussion see the "Sticky"....
Have fun.....RDK45
<body>
…
<table border="0" width="100%">
<tr>
<td align="center" width="55%" colspan="2"><TABLE BORDER=0 CELLPADDING=2
align="center">
<tr>
<td bgcolor=black valign="top" ><font color=white>
<span >Camera 1<BR></span></font></td>
<td bgcolor=black valign="top" colspan="2"><font color=white>
<SPAN id="CurrentTime">Static View taken at <br>
<script type="text/javascript">
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
document.write(month + "/" + day + "/" + year)
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10){
minutes = "0" + minutes
}
document.write(" " + hours + ":" + minutes + " ")
if(hours > 11){
document.write("PM")
} else {
document.write("AM")
}
</script>
</SPAN></font></td>
<td bgcolor=black valign="top"><font color=white>
<span>Camera 2<BR></span></font></td>
</tr>
<tr>
<td bgcolor=black valign="top" colspan="2"><font color=white>
</font></td>
<td id="Cam2"bgcolor=black valign="top" colspan="2"><font color=white>
</font></td>
</tr>
<tr>
<td align=center bgcolor="white" colspan="2">
<td align=center bgcolor="white" class="style7" colspan="2">
<img id="Cam1Image" src=" http://172.16.1.225:8215/image/jpeg.cgi" WIDTH=320 HEIGHT=240>
</td>
<td align=center bgcolor="white" class="style7" colspan="2">
<img id="Cam2Image" src=" http://172.16.0.125:8216/image/jpeg.cgi" WIDTH=320 HEIGHT=240>
</td>
</tr>
</TABLE>
Author
Topic: Tutorial: Video Feed on a Website using ActiveX (Read 3532 times)