Étape 5: page Web
< html >
< corps >
< p align = « center » > titre < /p >
< table >
< b >
< td >
< html >
< tête >
< link rel = « stylesheet » rev = « stylesheet » href = "dlink.css? cidx = 1.022011-11-07" type = "text/css" >
< titre > caméra < /title >
< META content = "text/html ; charset = windows-1252 "http-equiv = Content-Type >
< META HTTP-EQUIV = « Pragma » CONTENT ne = «-cache » >
< META HTTP-EQUIV = « Expires » CONTENT = "-1" >
< script language = « Javascript » SRC = "function.js? cidx = 1.022011-11-07" >< / script >
< script language = « Javascript » >
function Init() {}
Bureau. RemoteHost = « 192.168.10.30 »
Bureau. RemoteWeb = 800
Bureau. Timeout = 5
Bureau. AuthType = 1
Bureau. PreviewFrameRate = 1
Bureau. PreviewWidth = 640
Bureau. PreviewHeight = 480
Bureau. DeviceSerialNo = « YWRtaW46 »
window.setInterval("ShowFrameRate()", 1000)
Si (1) {}
audioon.Disabled = false ;
audiooff.Disabled = false ;
} else {}
audioon.disabled = true ;
audiooff.disabled = true ;
}
Si (0 == 1) {}
nightmodeon.Disabled = false ;
nightmodeoff.Disabled = false ;
} else {}
nightmodeon.disabled = true ;
nightmodeoff.disabled = true ;
}
}
function ShowFrameRate() {}
Si (1)
{
var fFrameRate = bureau. FrameRate
Window.Status = "Frame:" + fFrameRate.toString() + « fps »
Si (0)
CurrentFrame.innerHTML = "Frame:" + fFrameRate.toString() + « fps »
}
Bureau. Play()
CurrentTime.innerHTML = bureau. TimeString
}
fonction SubmitAudioOn()
{
Bureau. MUTE(0) ;
JavaScript:document.Forms[0].Submit() ;
}
fonction SubmitAudioOff()
{
Bureau. MUTE(1) ;
JavaScript:document.Forms[1].Submit() ;
}
fonction SubmitNightModeOn()
{
JavaScript:document.Forms[2].Submit() ;
}
fonction SubmitNightModeOff()
{
JavaScript:document.Forms[3].Submit() ;
}
< /script >
< / head >
< corps topmargin = « 1 » leftmargin = rightmargin « 0 » = « 0 » onload="Init()" onunload = "bureau. Stop() ">
< table frontière = « 0 » cellpadding = « 0 » cellspacing = « 0 » width = « 838 » align = « center » bgcolor = « #FFFFFF » bordercolordark = « #FFFFFF » >
< tr >< td >
< table frontière = « 0 » cellpadding = « 0 » cellspacing = « 0 » width = « 838 » align = « center » bgcolor = « #FFFFFF » bordercolordark = « #FFFFFF » >
< b >
< td valign = « top » id = « maincontent_container » height = « 420 » >
< table hauteur = « 420 » width = 100 % border = « 0 » cellpadding = « 0 » cellspacing = « 0 » bgcolor = « blanc » >
< tr >< td >
< div id = « maincontent » >
<!--=== BEGIN MAINCONTENT ===-->
< div class = « box » >
< table cellpadding = « 2 » cellspacing = « 1 » border = « 0 » width = « 534 » bgcolor = « blanc » bordercolor = « #FFFFFF » >
< tr >< td align = « center » >
< TABLE BORDER = 0 CELLSPACING = 0 CELLPADDING = 0 >
< b >
< td bgcolor = noir >< couleur de police = blanc >< BR >< / police >< /td >
< td bgcolor = noir align = droite valign = top > & nbsp ; & nbsp ; < couleur = blanc >< SPAN id = « CurrentTime » >< / SPAN >< / polices >< /td >
< /tr >
< b >
< td colspan = 2 align = center bgcolor = « blanc » >
< OBJECT ID = « Bureau » WIDTH = 640 HEIGHT = 480
CLASSID = "CLSID:7191F0AC-D686-46A8-BFCC-EA61778C74DD"
CodeBase="aplugLiteDL.cab#version=2,3,2,22" >
< / objet >
< /td >
< /tr >
< /table >
< /td >< /tr >
< /table >
< / div >
<!--=== fin MAINCONTENT ===-->
< / div >
< /td >< /tr >
< hauteur tr = 100 % >< td >< /td >< /tr >
< /table >
< /td >
< /tr >
< /table >
< /td >< /tr >< / table >
< / body >
< font action="/audiocontrol.cgi" méthode = "POST" >
< INPUT type = « hidden » name = « AudioMute » value = « 0 » >
< / font >
< font action="/audiocontrol.cgi" méthode = "POST" >
< INPUT type = « hidden » name = « AudioMute » value = « 1 » >
< / font >
< font action="/nightmodecontrol.cgi" méthode = "POST" >
< INPUT type = « hidden » name = « IRLed » value = « 1 » >
< / font >
< font action="/nightmodecontrol.cgi" méthode = "POST" >
< INPUT type = « hidden » name = « IRLed » value = « 0 » >
< / font >
< / html >
< /td >
< td >
< table width = « 300 » >
< b >
< td colspan = "2" aligner = "center" >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setDigitalOutput & code pin = 5 & sortie = 2" target = "cadre" >< img src="forward.jpg" border = "0" / >< /a >< /td >
< /tr >
< b >
< td largeur = "50 %" align = "center" >< a href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setDigitalOutput & code pin = 9 & sortie = 2" target = "encadrer" >< img src="left.jpg" frontière = "0" / >< /a >< /td >
< td align = "center" >< a href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setDigitalOutput & code pin = 10 & sortie = 2" target = "cadre" >< img src="right.jpg" border = "0" / >< /a >< /td >
< /tr >
< b >
< td colspan = "2" aligner = "center" >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setDigitalOutput & code pin = 6 & sortie = 2" target = "cadre" >< img src="backward.jpg" border = "0" / >< /a >< /td >
< /tr >
< /table >
< br / >< br / >
< table width = « 400 » height = « 300 » border = « 0 » >
< b >
< td align = « center » valign = « center » height = « 50 % » >< a href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setServo & servo = 0 & position = 45" target = « cadre » >< couleur de police = « rouge » size = « 5 » >< b > 45 < /b >< / police >< /a >< /td >
< td align = « center » valign = « top » >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setServo & servo = 0 & position = 90" target = « encadrer » >< couleur de police = « rouge » size = « 5 » >< b > 90 < /b >< / police >< /a >< br / >< br / >< br / >< br / >< br / >
< a href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setDigitalOutput & code pin = 12 & sortie = 2" target = « encadrer » >< couleur de police = « blue » taille = « 4 » >< b > feu < /b >< / police >< /a >< /td >
< td align = « center » valign = « center » >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setServo & servo = 0 & position = 135" target = « encadrer » >< couleur de police = « rouge » size = « 5 » >< b > 135 < /b >< / police >< /a >< /td >
< /tr >
< b >
< td align = « left » valign = « top » >< a href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setServo & servo = 0 & position = 10" target = « cadre » >< couleur de police = « rouge » size = « 5 » >< b > 10 < /b >< / police >< /a >< /td >
< td >< /td >
< td align = « right » valign = « top » >< a href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setServo & servo = 0 & position = 170" target = « cadre » >< couleur de police = « rouge » size = « 5 » >< b > 170 < /b >< / police >< /a >< /td >
< /tr >
< /table >
< /td >
< /tr >
< /table >
< iframe width = « 0 » height = « 0 » framborder = « 0 » name = « encadrer » >< / iframe >
< / body >
< / html >