Paso 5: Página Web
< html >
< cuerpo >
< p align = "center" > título < /p >
< table >
< tr >
< td >
< html >
< head >
< link rel = "stylesheet" rev = "stylesheet" href = "dlink.css? cidx = 1.022011-11-07" tipo = "text/css" >
< title > cámara < / title >
< contenido META = "text/html; charset = windows-1252 "http-equiv = Content-Type >
< META HTTP-EQUIV = "Pragma" contenido = "no-cache" >
< META HTTP-EQUIV = "Expira" contenido = "-1" >
< script language = "Javascript" SRC = "function.js? cidx = 1.022011-11-07" >< / script >
< script language = "Javascript" >
función Init() {}
CVC. Host_remoto = "192.168.10.30"
CVC. RemoteWeb = 800
CVC. Timeout = 5
CVC. AuthType = 1
CVC. PreviewFrameRate = 1
CVC. PreviewWidth = 640
CVC. PreviewHeight = 480
CVC. 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;
}
}
función de {ShowFrameRate()}
Si (1)
{
var fFrameRate = CVC. Velocidad de fotogramas
Window.status = "marco:" + fFrameRate.toString() + "fps"
Si (0)
CurrentFrame.innerHTML = "marco:" + fFrameRate.toString() + "fps"
}
CVC. Play()
CurrentTime.innerHTML = CVC. TimeString
}
función SubmitAudioOn()
{
CVC. MUTE(0);
JavaScript:Document.Forms[0].submit();
}
función SubmitAudioOff()
{
CVC. MUTE(1);
JavaScript:Document.Forms[1].submit();
}
función SubmitNightModeOn()
{
JavaScript:Document.Forms[2].submit();
}
función SubmitNightModeOff()
{
JavaScript:Document.Forms[3].submit();
}
< /script >
< /HEAD >
< cuerpo topmargin = "1" leftmargin = "0" rightmargin = "0" onload="Init()" onunload = "CVC. STOP() ">
< borde tabla = "0" cellpadding = "0" cellspacing = "0" width = "838" align = "center" bgcolor = "#FFFFFF" bordercolordark = "#FFFFFF" >
< tr >< td >
< borde tabla = "0" cellpadding = "0" cellspacing = "0" width = "838" align = "center" bgcolor = "#FFFFFF" bordercolordark = "#FFFFFF" >
< tr >
< td valign = "top" id = "maincontent_container" height = "420" >
< tabla altura = "420" width = 100% border = "0" cellpadding = "0" cellspacing = "0" bgcolor = "white" >
< tr >< td >
< div id = "maincontent" >
<!--=== Inicio MAINCONTENT ===-->
< div clase = "caja" >
< table cellpadding = "2" cellspacing = "1" border = "0" width = "534" bgcolor = "white" bordercolor = "#FFFFFF" >
< tr >< td align = "center" >
< tabla frontera = 0 CELLSPACING = 0 CELLPADDING = 0 >
< tr >
< td bgcolor = negro >< color de fuente = blanco >< BR >< / font >< /td >
< td bgcolor = negro Alinear = derecha valign = top > & nbsp; & nbsp; < color de fuente = blanco >< SPAN id = "CurrentTime" >< / SPAN >< / font >< /td >
< /tr >
< tr >
< td colspan = 2 align = center bgcolor = "white" >
< OBJECT ID = "CVC" WIDTH = 640 HEIGHT = 480
CLASSID = "CLSID:7191F0AC-D686-46A8-BFCC-EA61778C74DD"
CODEBASE="aplugLiteDL.Cab#version=2,3,2,22" >
< / objeto >
< /td >
< /tr >
< / TABLE >
< /td >< /tr >
< / table >
< / div >
<!--=== MAINCONTENT extremo ===-->
< / div >
< /td >< /tr >
< altura tr = 100% >< td >< /td >< /tr >
< / table >
< /td >
< /tr >
< / table >
< /td >< /tr >< / table >
< /body >
< action="/audiocontrol.cgi de la forma" método = "POST" >
< INPUT type = "hidden" name = "AudioMute" value = "0" >
< / form >
< action="/audiocontrol.cgi de la forma" método = "POST" >
< INPUT type = "hidden" name = "AudioMute" value = "1" >
< / form >
< action="/nightmodecontrol.cgi de la forma" método = "POST" >
< INPUT type = "hidden" name = "IRLed" valor = "1" >
< / form >
< action="/nightmodecontrol.cgi de la forma" método = "POST" >
< INPUT type = "hidden" name = "IRLed" valor = "0" >
< / form >
< / html >
< /td >
< td >
< tabla ancho = "300" >
< tr >
< td colspan = "2" align = "center" >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} y r = setDigitalOutput & pin = 5 & salida = 2" target = "marco" >< img src="forward.jpg" frontera = "0" / >< /a >< /td >
< /tr >
< tr >
< ancho td = "50%" align = "center" >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} y r = setDigitalOutput & pin = 9 y salida = 2" target = "marco" >< img src="left.jpg" frontera = "0" / >< /a >< /td >
< td align = "center" >< a href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} y r = setDigitalOutput y = 10 & output = 2" target = "marco" >< img src="right.jpg" frontera = "0" / >< /a >< /td >
< /tr >
< tr >
< td colspan = "2" align = "center" >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} y r = setDigitalOutput & pin = 6 & salida = 2" target = "marco" >< img src="backward.jpg" frontera = "0" / >< /a >< /td >
< /tr >
< / table >
< br / >< br / >
< tabla ancho = "400" height = "300" border = "0" >
< tr >
< td align = "center" valign = altura del "centro" = "50%" >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} y r = setServo & servo = 0 & posición = 45" destino = "marco" >< color de fuente = "red" size = "5" >< b > 45 < /b >< / fuente >< /a >< /td >
< td align = "center" valign = "top" >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} y r = setServo & servo = 0 & posición = 90" destino = "marco" >< color de fuente = "red" size = "5" >< b > 90 < /b >< / font >< /a >< br / >< br / >< br / >< br / >< br / >
< a href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} y r = setDigitalOutput & pin = 12 & salida = 2" destino = "marco" >< color de fuente = "azul" tamaño = "4" >< b > fuego < /b >< / font >< /a >< /td >
< td align = "center" valign = "center" >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} y r = setServo & servo = 0 & posición = 135" destino = "marco" >< color de fuente = "red" size = "5" >< b > 135 < /b >< / font >< /a >< /td >
< /tr >
< tr >
< td align = "izquierda" valign = "top" >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} y r = setServo & servo = 0 & posición = 10" destino = "marco" >< color de fuente = "red" size = "5" >< b > 10 < /b >< / font >< /a >< /td >
< td >< /td >
< td align = "derecha" valign = "top" >< un href = "http://us01.proxy.SERVER.org/api/1.0/328.php?k= {9AA615BA7DA56B88DD093F23F6E0F56E} y r = setServo & servo = 0 & posición = 170" destino = "marco" >< color de fuente = "red" size = "5" >< b > 170 < /b >< / font >< /a >< /td >
< /tr >
< / table >
< /td >
< /tr >
< / table >
< iframe width = "0" height = "0" framborder = "0" name = "marco" >< / iframe >
< /body >
< / html >