• April 24, 2024, 10:39:10 PM
  • Welcome, Guest
Please login or register.

Login with username, password and session length
Advanced search  

News:

This Forum Beta is ONLY for registered owners of D-Link products in the USA for which we have created boards at this time.

Author Topic: How to edit the html code for dsc920 default page?  (Read 4110 times)

hcchin

  • Level 1 Member
  • *
  • Posts: 1
How to edit the html code for dsc920 default page?
« on: September 11, 2010, 10:32:29 AM »

Dear Sir/Madam,

How to edit the HTML code for dsc920 default webpage page? Basically, I just want to view the streaming video on the webpage without all the interface as the default page display all setting that would be very easy to be accessed to change the camera setting by others. and also this camera is shared with some staffs that may have a of lots question and request to add on features to the camera if they see the default page.

Please advise...

Is there any way to update the HTML file in the DCS920 by using ftp? 


regards,
hcchin
Logged

DLForums4DeeA

  • Level 1 Member
  • *
  • Posts: 5
Re: How to edit the html code for dsc920 default page?
« Reply #1 on: October 03, 2010, 11:13:26 AM »

Do a Find and Replace on these, replace with your relevant details



<title>Live View | Unit Identification XYZ</title>

this is the description in the camera






<body topmargin="1" leftmargin="0" rightmargin="0" bgcolor="#7531FB" onLoad="Init()">
bgcolor of FFFFFF will give you all white



         <h1 align="center">SnapshotView Unit # XYZ <a href="Logout.htm">Logout</a></h1>

the Logout goes somewhere else


 


                  <td bgcolor=black><font color=white>DCS920&nbsp;LocationRooftop<BR></font></td>
again a camera description



                   <APPLET name="cvcs" CODEBASE="http://aa.bbb.cc.dd:zzz/" CODE="xplug.class" WIDTH=640 HEIGHT=480>
                      <param name="RemotePort" value=abc>
                      <param name="Timeout" value=5000>
                      <param name="RotateAngle" value=0>
                      <param name="PreviewFrameRate" value=2>
                      <param name="DeviceSerialNo" value="YW46YWR5M=">
                      </APPLET>            </td>


a couple things in this block of code

---the ip address of aa.bbb.cc.dd is your outside world IP presence (not 192.168.cc.dd)
---the :zzz/ after the IP address is the port address I've decided to use
(note you will need to have your outermost router, forward the port you choose to the cameras internal IP (192.168.etc)
---the WIDTH and HEIGHT is the output viewing window, not the size of the image
(if you have a 640x480 image in a 480x320 viewing window, you will only see a portion of the image, the image does not get resized, or cropped, just the window your looking through)
(its useful if you want to have a small image for seeing many cameras on one webpage, then just add a hyperlink to jump to the fullsized image)
---the RemotePort value of abc is whatever you set on the camera interface, mine matches the port address of zzz
---the Device serial number will likely be unique, just look at the source code of your DLink page (may need to be posted into a true html software to see this info




              <img src="http://aa.bbb.cc.dd:zzz/image/jpeg.cgi" width="640" height="480">              </td>

if your running firmware version 1.04 (DCS920) then you can goto the Maintence>Device Management>Server Settings page and enable this
which will give you an instant freezeframe image (at the time the browser screen loads)
by throwing this on the same page as the live stream i can F5 to instantly grab what is showing in the live stream, then save it from anywhere remotely

I'm still trying to get DLink to tell me where I can download (ftp://ftp.dlink.com Multimedia / DCS920 / Firmware) the 1.04 version that is on my newly purchased DCS920, so I can update my older DCS920's.


END OF REQUIRED CHANGES TO BELOW CODE
====================================================================================================
====================================================================================================






<html>
<head>
<link rel="stylesheet" rev="stylesheet" href="dlink.css" type="text/css">
<title>Live View | Unit Identification XYZ</title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
 
<SCRIPT LANGUAGE="JavaScript">
function Init() {
    if ((navigator.appName != "Netscape") &&
        (navigator.userAgent.indexOf('Opera') == "-1"))
    {
       window.setInterval("ShowFrameRate()", 1000)
    }
}
 
function ShowFrameRate() {
    if (1)
    {
       var fFrameRate = cvcs.GetFrameRate()
       window.status = "Frame:" + fFrameRate.toString() + " fps"
    }
    cvcs.GetRealTimeData()
    CurrentTime.innerHTML = cvcs.GetTimeString()
}
</SCRIPT>
</head>
<body topmargin="1" leftmargin="0" rightmargin="0" bgcolor="#7531FB" onLoad="Init()">

<table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF" bordercolordark="#FFFFFF">
<tr><td bgcolor="#000000"></td>
</tr>
<tr><td>
<table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF" bordercolordark="#FFFFFF">
<tr>
  <td height="420" valign="top" id="maincontent_container">
    <div id="maincontent">
      <!-- === BEGIN MAINCONTENT === -->
      <div id="box_header">
        <blockquote>
          <h1 align="center">SnapshotView Unit # XYZ <a href="Logout.htm">Logout</a></h1>
        </blockquote>
      </div>
      <div class="box">
        <div align="center">
          <table cellpadding="2" cellspacing="1" border="0" width="534" bgcolor="white" bordercolor="#FFFFFF">
            <FORM ACTION="/Jview.htm" METHOD="POST">
            <tr><td align="center">
              <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
                <tr>
                  <td bgcolor=black><font color=white>DCS920&nbsp;LocationRooftop<BR></font></td>
                <td bgcolor=black align=right valign=top>&nbsp;&nbsp;<font color=white><SPAN ID="CurrentTime"></SPAN></font></td>
              </tr>
                <tr>
                  <td colspan=2 align=center bgcolor="white">
                    <APPLET name="cvcs" CODEBASE="http://aa.bbb.cc.dd:zzz/" CODE="xplug.class" WIDTH=640 HEIGHT=480>
                      <param name="RemotePort" value=abc>
                      <param name="Timeout" value=5000>
                      <param name="RotateAngle" value=0>
                      <param name="PreviewFrameRate" value=2>
                      <param name="DeviceSerialNo" value="YW46YWR5M=">
                      </APPLET>            </td>
              </tr>
                </TABLE>
            </td></tr>
            <tr><td>&nbsp;&nbsp;Zoom :
              <INPUT type=button style="width:25px" value='x1' onClick="cvcs.Zoom(1)">
              <INPUT type=button style="width:25px" value='x2' onClick="cvcs.Zoom(2)">
              <INPUT type=button style="width:25px" value='x3' onClick="cvcs.Zoom(3)">
              <INPUT type=button style="width:25px" value='x4' onClick="cvcs.Zoom(4)">
              <img src="http://aa.bbb.cc.dd:zzz/image/jpeg.cgi" width="640" height="480">              </td>
            </tr>
          </table>
        </div>
      </div>
</form>
      <!-- === END MAINCONTENT === -->
    </div>  </td>
</tr>
</table>
</td></tr></table>
</body>
</html>

« Last Edit: October 03, 2010, 11:23:59 AM by DLForums4DeeA »
Logged