Stap 5: webpagina
< html >
< body >
< p align = "center" > < /p > titel
< tabel >
< tr >
< td >
< html >
< head >
< link rel = "stylesheet" rev = "stylesheet" href = "dlink.css? cidx = 1.022011-11-07" type = "text/css" >
< titel > Camera < / title >
< META content = "text/html; charset = windows-1252 "http-equiv = Content-Type >
< META HTTP-EQUIV = "Pragma" CONTENT = "no-cache" >
< META HTTP-EQUIV = "Verloopt" CONTENT = "-1" >
< script language = "Javascript" SRC = "function.js? cidx = 1.022011-11-07" >< / script >
< script language = "Javascript" >
functie Init() {}
CVCS. Externehost = "192.168.10.30"
CVCS. RemoteWeb = 800
CVCS. Timeout = 5
CVCS. AuthType = 1
CVCS. PreviewFrameRate = 1
CVCS. PreviewWidth = 640
CVCS. PreviewHeight = 480
CVCS. DeviceSerialNo = "YWRtaW46"
window.setInterval("ShowFrameRate()", 1000)
Als (1) {}
audioon.disabled = false;
audiooff.disabled = false;
} else {}
audioon.disabled = true;
audiooff.disabled = true;
}
Als (0 == 1) {}
nightmodeon.disabled = false;
nightmodeoff.disabled = false;
} else {}
nightmodeon.disabled = true;
nightmodeoff.disabled = true;
}
}
functie ShowFrameRate() {}
Als (1)
{
var fFrameRate = cvcs. FrameRate
volmachten = "Frame:" + fFrameRate.toString() + "fps"
Als (0)
CurrentFrame.innerHTML = "Frame:" + fFrameRate.toString() + "fps"
}
CVCS. Play()
CurrentTime.innerHTML = cvcs. TimeString
}
functie SubmitAudioOn()
{
CVCS. Mute(0);
JavaScript:document.Forms[0].Submit();
}
functie SubmitAudioOff()
{
CVCS. Mute(1);
JavaScript:document.Forms[1].Submit();
}
functie SubmitNightModeOn()
{
JavaScript:document.Forms[2].Submit();
}
functie SubmitNightModeOff()
{
JavaScript:document.Forms[3].Submit();
}
< / script >
< / head >
< lichaam topmargin = "1" leftmargin = "0" rightmargin = "0" onload="Init()" onunload = "cvcs. Stop() ">
< tabelrand = "0" cellpadding = "0" cellspacing = "0" width = "838" align = "center" bgcolor = "#FFFFFF" bordercolordark = "#FFFFFF" >
< tr >< td >
< tabelrand = "0" cellpadding = "0" cellspacing = "0" width = "838" align = "center" bgcolor = "#FFFFFF" bordercolordark = "#FFFFFF" >
< tr >
< td valign = "top" id = "maincontent_container" height = "420" >
< tabel hoogte = "420" width = 100% border = "0" cellpadding = "0" cellspacing = "0" bgcolor = "wit" >
< tr >< td >
< div id = "maincontent" >
<!--=== BEGIN MAINCONTENT ===-->
< div class = "vak" >
< tabel-cellpadding = "2" cellspacing = "1" border = "0" width = "534" bgcolor = "witte" bordercolor = "#FFFFFF" >
< tr >< td align = "center" >
< TABELRAND = 0 CELLSPACING = 0 CELLPADDING = 0 >
< tr >
< td bgcolor = zwart >< tekstkleur = wit >< BR >< / lettertype >< /td >
< td bgcolor = zwart align = juiste valign = boven > & nbsp; & nbsp; < tekstkleur = wit >< SPAN id = "CurrentTime" >< / SPAN >< / lettertype >< /td >
< /tr >
< tr >
< td colspan = 2 align = center bgcolor = "wit" >
< OBJECT ID = "cvcs" breedte = 640 hoogte = 480
CLASSID = "CLSID:7191F0AC-D686-46A8-BFCC-EA61778C74DD"
CODEBASE="aplugLiteDL.cab#version=2,3,2,22" >
< / OBJECT >
< /td >
< /tr >
< / TABLE >
< /td >< /tr >
< / table >
< / div >
<!--=== einde MAINCONTENT ===-->
< / div >
< /td >< /tr >
< tr hoogte = 100% >< td >< /td >< /tr >
< / table >
< /td >
< /tr >
< / table >
< /td >< /tr >< / tabel >
< / body >
< form action="/audiocontrol.cgi" methode = "Bericht" >
< INPUT type = "hidden" name = "AudioMute" value = "0" >
< / form >
< form action="/audiocontrol.cgi" methode = "Bericht" >
< INPUT type = "hidden" name = "AudioMute" value = "1" >
< / form >
< form action="/nightmodecontrol.cgi" methode = "Bericht" >
< INPUT type = "hidden" name = "IRLed" value = "1" >
< / form >
< form action="/nightmodecontrol.cgi" methode = "Bericht" >
< INPUT type = "hidden" name = "IRLed" value = "0" >
< / form >
< / html >
< /td >
< td >
< tabel breedte = "300" >
< tr >
< td colspan = "2" align = "center" >< een href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setDigitalOutput & pin = 5 & output = 2" target = "frame" >< img src="forward.jpg" grens "0" = / >< /a >< /td >
< /tr >
< tr >
< td breedte = "50%" align = "center" >< een href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setDigitalOutput & pin = 9 & output = 2" target = "frame" >< img src="left.jpg" grens = "0" / >< /a >< /td >
< td align = "center" >< een href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setDigitalOutput & pin = 10 & uitvoer = 2" target = "frame" >< img src="right.jpg" grens "0" = / >< /a >< /td >
< /tr >
< tr >
< td colspan = "2" align = "center" >< een href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setDigitalOutput & pin = 6 & uitvoer = 2" target = "frame" >< img src="backward.jpg" grens "0" = / >< /a >< /td >
< /tr >
< / table >
< br / >< br / >
< tabel breedte = "400" height = "300" border = "0" >
< tr >
< td align = "center" valign = "center" hoogte = "50%" >< een href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setServo & servo = 0 & positie = 45" target = "frame" >< tekstkleur = "rood" grootte = "5" >< b > 45 < /b >< / lettertype >< /a >< /td >
< td align = "center" valign = "top" >< een href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setServo & servo = 0 & positie = 90" target = "frame" >< tekstkleur = "rood" grootte = "5" >< b > 90 < /b >< / lettertype >< /a >< br / >< br / >< br / >< br / >< br / >
< een href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setDigitalOutput & pin = 12 & output = 2" target = "frame" >< tekstkleur = "blue" grootte = "4" >< b > brand < /b >< / lettertype >< /a >< /td >
< td align = "center" valign = "center" >< een href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setServo & servo = 0 & positie = 135" target = "frame" >< tekstkleur = "rood" grootte = "5" >< b > 135 < /b >< / lettertype >< /a >< /td >
< /tr >
< tr >
< td uitlijnen = "linker" valign = "top" >< een href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setServo & servo = 0 & positie = 10" target = "frame" >< tekstkleur = "rood" grootte = "5" >< b > 10 < /b >< / lettertype >< /a >< /td >
< td >< /td >
< td uitlijnen = "recht" valign = "top" >< een href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} & r = setServo & servo = 0 & positie = 170" target = "frame" >< tekstkleur = "rood" grootte = "5" >< b > 170 < /b >< / lettertype >< /a >< /td >
< /tr >
< / table >
< /td >
< /tr >
< / table >
< iframe breedte = "0" height = "0" framborder = "0" name = "frame" >< / iframe >
< / body >
< / html >