D-Link Forums

The Graveyard - Products No Longer Supported => IP Cameras => DCS-930L => Topic started by: JavaLawyer on December 29, 2011, 06:31:11 AM

Title: Tutorial: Video Feed on a Website using ActiveX
Post by: JavaLawyer on December 29, 2011, 06:31:11 AM
Forum member RDK graciously took the time to develop a tutorial for Setting up a user defined web page to show DLink DCS-930L/932L camera images using the DLink ActiveX control. I posted the complete tutorial on the following sticky at the top of this forum: Tutorial (http://forums.dlink.com/index.php?topic=44914.0).

Please post your experiences with using his tutorial as replies to this thread.

Thanks!  :)
Title: Re: Tutorial: Video Feed on a Website using ActiveX
Post by: RDK45 on December 31, 2011, 11:31:35 PM
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

Code: [Select]
<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>
Title: Re: Tutorial: Video Feed on a Website using ActiveX
Post by: JavaLawyer on January 01, 2012, 08:19:11 AM
RDK45 - Thanks again for your contribution to the forum.  ;)