Code: Select all
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style.css" type="text/css">
<title></title>
</head>
<script src="public.js"></script>
<script src="get_camera_params.cgi"></script>
<script>
var R320_240=8;
var R640_480=32;
var ptz_type=0;
if(top.client_minor==4) ptz_type=1;
var PTZ_STOP =1;
var TILT_UP =2;
var TILT_UP_STOP=1;
var TILT_DOWN =0;
var TILT_DOWN_STOP=3;
var PAN_LEFT =6;
var PAN_LEFT_STOP=5;
var PAN_RIGHT =4;
var PAN_RIGHT_STOP=7;
var PTZ_LEFT_UP =93;
var PTZ_RIGHT_UP=92;
var PTZ_LEFT_DOWN=91;
var PTZ_RIGHT_DOWN=90;
var PTZ_CENTER =25;
var PTZ_VPATROL =26;
var PTZ_VPATROL_STOP=27;
var PTZ_HPATROL =28;
var PTZ_HPATROL_STOP=29;
var PTZ_PELCO_D_HPATROL=20;
var PTZ_PELCO_D_HPATROL_STOP=21;
var IO_ON=94;
var IO_OFF=95;
function getcookie(name)
{
var strCookie=document.cookie;
var arrCookie=strCookie.split('; ');
for (var i=0;i<arrCookie.length;i++)
{
var arr=arrCookie[i].split('=');
if (arr[0]==name)
return unescape(arr[1]);
}
return '';
}
function setcookie(name,value,expirehours)
{
var cookieString=name+'='+escape(value);
if (expirehours>0)
{
var date=new Date();
date.setTime(date.getTime()+expirehours*3600*1000);
cookieString=cookieString+'; expires='+date.toGMTString();
}
document.cookie=cookieString;
}
function decoder_control_onestep(command)
{
action_zone.location='decoder_control.cgi?onestep=1&command='+command;
}
function decoder_control(command)
{
action_zone.location='decoder_control.cgi?command='+command;
}
function camera_control(param,value)
{
action_zone.location='camera_control.cgi?param='+param+'&value='+value;
}
function set_flip()
{
if (image_reversal.checked)
flip|=1;
else
flip&=2;
if (image_mirror.checked)
flip|=2;
else
flip&=1;
camera_control(5,flip);
}
function up_onmousedown()
{
(flip&0x01)?decoder_control(TILT_DOWN):decoder_control(TILT_UP);
}
function upclicked()
{
(flip&0x01)?decoder_control_onestep(TILT_DOWN):decoder_control_onestep(TILT_UP);
}
function leftupclicked()
{
/*if (ptz_type)
return;
if ((flip&0x03)==0x03)
decoder_control_onestep(PTZ_RIGHT_DOWN);
else if (flip&0x02)
decoder_control_onestep(PTZ_RIGHT_UP);
else if (flip&0x01)
decoder_control_onestep(PTZ_LEFT_DOWN);
else
decoder_control_onestep(PTZ_LEFT_UP); */
}
function rightupclicked()
{
/*if (ptz_type)
return;
if ((flip&0x03)==0x03)
decoder_control_onestep(PTZ_LEFT_DOWN);
else if (flip&0x02)
decoder_control_onestep(PTZ_LEFT_UP);
else if (flip&0x01)
decoder_control_onestep(PTZ_RIGHT_DOWN);
else
decoder_control_onestep(PTZ_RIGHT_UP); */
}
function leftclicked()
{
(flip&0x02)?decoder_control_onestep(PAN_RIGHT):decoder_control_onestep(PAN_LEFT);
}
function rightclicked()
{
(flip&0x02)?decoder_control_onestep(PAN_LEFT):decoder_control_onestep(PAN_RIGHT);
}
function up_onmouseup()
{
if (!ptz_type)
decoder_control(PTZ_STOP);
else if (flip&0x01)
decoder_control(TILT_DOWN_STOP);
else
decoder_control(TILT_UP_STOP);
}
function down_onmousedown()
{
(flip&0x01)?decoder_control(TILT_UP):decoder_control(TILT_DOWN);
}
function down_onmouseup()
{
if (!ptz_type)
decoder_control(PTZ_STOP);
else if (flip&0x01)
decoder_control(TILT_UP_STOP);
else
decoder_control(TILT_DOWN_STOP);
}
function left_onmousedown()
{
(flip&0x02)?decoder_control(PAN_RIGHT):decoder_control(PAN_LEFT);
}
function left_onmouseup()
{
if (!ptz_type)
decoder_control(PTZ_STOP);
else if (flip&0x02)
decoder_control(PAN_RIGHT_STOP);
else
decoder_control(PAN_LEFT_STOP);
}
function right_onmousedown()
{
(flip&0x02)?decoder_control(PAN_LEFT):decoder_control(PAN_RIGHT);
}
function right_onmouseup()
{
if (!ptz_type)
decoder_control(PTZ_STOP);
else if (flip&0x02)
decoder_control(PAN_LEFT_STOP);
else
decoder_control(PAN_RIGHT_STOP);
}
function leftup_onmousedown()
{
if (ptz_type)
return;
if ((flip&0x03)==0x03)
decoder_control(PTZ_RIGHT_DOWN);
else if (flip&0x02)
decoder_control(PTZ_RIGHT_UP);
else if (flip&0x01)
decoder_control(PTZ_LEFT_DOWN);
else
decoder_control(PTZ_LEFT_UP);
}
function leftup_onmouseup()
{
if (!ptz_type) decoder_control(PTZ_STOP);
}
function rightup_onmousedown()
{
if (ptz_type)
return;
if ((flip&0x03)==0x03)
decoder_control(PTZ_LEFT_DOWN);
else if (flip&0x02)
decoder_control(PTZ_LEFT_UP);
else if (flip&0x01)
decoder_control(PTZ_RIGHT_DOWN);
else
decoder_control(PTZ_RIGHT_UP);
}
function rightup_onmouseup()
{
if (!ptz_type) decoder_control(PTZ_STOP);
}
function leftdown_onmousedown()
{
if (ptz_type)
return;
if ((flip&0x03)==0x03)
decoder_control(PTZ_RIGHT_UP);
else if (flip&0x02)
decoder_control(PTZ_RIGHT_DOWN);
else if (flip&0x01)
decoder_control(PTZ_LEFT_UP);
else
decoder_control(PTZ_LEFT_DOWN);
}
function leftdownclicked()
{
/*if (ptz_type)
return;
if ((flip&0x03)==0x03)
decoder_control_onestep(PTZ_RIGHT_UP);
else if (flip&0x02)
decoder_control_onestep(PTZ_RIGHT_DOWN);
else if (flip&0x01)
decoder_control_onestep(PTZ_LEFT_UP);
else
decoder_control_onestep(PTZ_LEFT_DOWN); */
}
function rightdownclicked()
{
/*if (ptz_type)
return;
if ((flip&0x03)==0x03)
decoder_control_onestep(PTZ_LEFT_UP);
else if (flip&0x02)
decoder_control_onestep(PTZ_LEFT_DOWN);
else if (flip&0x01)
decoder_control_onestep(PTZ_RIGHT_UP);
else
decoder_control_onestep(PTZ_RIGHT_DOWN);*/
}
function downclicked()
{
(flip&0x01)?decoder_control_onestep(TILT_UP):decoder_control_onestep(TILT_DOWN);
}
function leftdown_onmouseup()
{
if (!ptz_type) decoder_control(PTZ_STOP);
}
function rightdown_onmousedown()
{
if (ptz_type)
return;
if ((flip&0x03)==0x03)
decoder_control(PTZ_LEFT_UP);
else if (flip&0x02)
decoder_control(PTZ_LEFT_DOWN);
else if (flip&0x01)
decoder_control(PTZ_RIGHT_UP);
else
decoder_control(PTZ_RIGHT_DOWN);
}
function rightdown_onmouseup()
{
if (!ptz_type) decoder_control(PTZ_STOP);
}
function center_onclick()
{
if (!ptz_type) decoder_control(PTZ_CENTER);
}
function vpatrol_onclick()
{
if (!ptz_type) decoder_control(PTZ_VPATROL);
}
function vpatrolstop_onclick()
{
if (!ptz_type) decoder_control(PTZ_VPATROL_STOP);
}
function hpatrol_onclick()
{
ptz_type?decoder_control(PTZ_PELCO_D_HPATROL):decoder_control(PTZ_HPATROL);
}
function hpatrolstop_onclick()
{
ptz_type?decoder_control(PTZ_PELCO_D_HPATROL_STOP):decoder_control(PTZ_HPATROL_STOP);
}
function set_resolution()
{
camera_control(0,resolution_sel.value);
setTimeout('parent.parent.main.location.reload()',2000);
}
function set_videorate()
{
//parent.parent.main.set_videorate(videorate.value);
parent.parent.videoframerate = videorate.value;
setcookie("videoframerate", videorate.value,360);
parent.parent.main.location.reload();
}
function plus_brightness()
{
val=brightness_input.value;
if (val++<15)
{
brightness_input.value=val;
camera_control(1,val*16);
}
}
function minus_brightness()
{
val=brightness_input.value;
if (val-->0)
{
brightness_input.value=val;
camera_control(1,val*16);
}
}
function plus_contrast()
{
val=contrast_input.value;
if (val++<6)
{
contrast_input.value=val;
camera_control(2,val);
}
}
function minus_contrast()
{
val=contrast_input.value;
if (val-->0)
{
contrast_input.value=val;
camera_control(2,val);
}
}
function body_onload()
{
gocenter.title=top.str_center;
vpatrol.title=top.str_vertical_patrol;
vpatrolstop.title=top.str_stop_vertical_patrol;
hpatrol.title=top.str_horizon_patrol;
hpatrolstop.title=top.str_stop_horizon_patrol;
switchon.title=top.str_switchon;
switchoff.title=top.str_switchoff;
resolution_sel.value=resolution;
mode_sel.value=mode;
brightness_input.value=Math.round(brightness / 16);
contrast_input.value=contrast;
image_reversal.checked=(flip&0x01)?true:false;
image_mirror.checked=(flip&0x02)?true:false;
videorate.value = getcookie("videoframerate");
if(videorate.value == '')
{
videorate.value = 0;
}
}
</script>
<body onLoad="body_onload()" class="bkpadcol">
<iframe name="action_zone" style="display:none"></iframe>
<table width="170" class="h2 f12b bkpadcol v2" >
<tr height="10"><td> </td></tr>
<tr>
<td colspan="2">
<table width="170"><tr>
<td>
<table>
<tr>
<td height="18" width="18"></td>
<td height="20" width="20"><a border ="0" href = "javascript:upclicked()"><img border ="0" src="images/up.gif"></a></td>
<td height="18" width="18"></td>
</tr>
<tr>
<td height="18" width="18">
<img border ="0" style="margin-left:10px" src="./images/7.gif" height="20px" onMouseDown="leftup_onmousedown()" onMouseUp="leftup_onmouseup()">
</td>
<td height="20" width="20"></td>
<td height="18" width="18">
<img border ="0" style="margin-right:10px" src="./images/8.gif" height="20px" onMouseDown="rightup_onmousedown()" onMouseUp="rightup_onmouseup()">
</td>
</tr>
<tr>
<td height="18" width="18">
<a border ="0" href = "javascript:leftclicked()"><img border ="0" src="images/left.gif"></a></td>
<td height="20" width="20" align="center"><a border="0" href = "javascript:center_onclick()"><img border ="0" src="images/cen2.gif"></a></td>
<td height="18" width="18"><a border="0" href = "javascript:rightclicked()"><img border ="0" src="images/right.gif"></a></td>
</tr>
<tr>
<td height="18" width="18">
<img border ="0" style="margin-left:10px" src="./images/6.gif" height="20px" onMouseDown="leftdown_onmousedown()" onMouseUp="leftdown_onmouseup()">
</td>
<td height="20" width="20"></td>
<td height="18" width="18">
<img border ="0" style="margin-right:10px" src="./images/5.gif" height="20px" onMouseDown="rightdown_onmousedown()" onMouseUp="rightdown_onmouseup()">
</td>
</tr>
<tr>
<td height="18" width="18"></td>
<td height="20" width="20">
<a border ="0" href = "javascript:downclicked()"><img border ="0" src="images/down.gif"></a></td>
<td height="18" width="18"></td>
</tr>
</table>
<div ><img style="display:none" src="images/ptz1.gif">
<img style="display:none" src="images/ptz2.gif"></div>
<div style="display:none">
<img style="display:none" src="images/leftup_up.gif" onMouseDown="leftup_onmousedown()" onMouseUp= "leftup_onmouseup()">
<img style="display:none" src="images/ptz3.gif">
<img style="display:none" src="images/rightup_up.gif" onMouseDown= "rightup_onmousedown()" onMouseUp="rightup_onmouseup()">
</div>
<div>
<img style="display:none" id="gocenter" src="images/center.gif" onClick="center_onclick()">
</div>
<div>
</div>
<div >
<img style="display:none" src="images/leftdown_up.gif" onMouseDown="leftdown_onmousedown()" onMouseUp="leftdown_onmouseup()">
<img style="display:none" src="images/rightdown_up.gif" onMouseDown="rightdown_onmousedown()" onMouseUp="rightdown_onmouseup()">
</div>
</td>
<td>
<div><img id="vpatrol" src="images/vpatrol_up.gif" onClick="vpatrol_onclick()"> <img id="vpatrolstop" src="images/stop_up.gif" onClick="vpatrolstop_onclick()"></div>
<div><img id="hpatrol" src="images/hpatrol_up.gif" onClick="hpatrol_onclick()"> <img id="hpatrolstop" src="images/stop_up.gif" onClick="hpatrolstop_onclick()"></div>
<div style="display:none"><img id="switchon" src="images/switchon_up.gif" onClick="decoder_control(IO_ON)"> <img id="switchoff" src="images/switchoff_up.gif" onClick="decoder_control(IO_OFF)"></div>
</td>
</tr>
</table>
</td>
</tr>
<tr height="10"><td> </td></tr>
<tr height="20"><td colspan="2"><input id="image_reversal" type="checkbox" onClick="set_flip()"><script>document.write(top.str_reversal);</script> <input id="image_mirror" type="checkbox" onClick="set_flip()"><script>document.write(top.str_mirror);</script></td></tr>
<tr height="10"><td> </td></tr>
<tr height="20">
<td width="65" class="h1"> <script>document.write(top.str_video_rate);</script></td>
<td><select id="videorate" class="s4" onchange="set_videorate()">
<option value="0"><script>document.write(top.str_full_speed);</script></option>
<option value="1">20 fps</option>
<option value="3">15 fps</option>
<option value="6">10 fps</option>
<option value="11">5 fps</option>
<option value="12">4 fps</option>
<option value="13">3 fps</option>
<option value="14">2 fps</option>
<option value="15">1 fps</option>
<option value="17">1 fp/2s</option>
<option value="19">1 fp/3s</option>
<option value="21">1 fp/4s</option>
<option value="23">1 fp/5s</option>
</select></td>
</tr>
<tr height="20"><td width="65" class="h1"> <script>document.write(top.str_resolution);</script></td><td><SELECT id="resolution_sel" class="s4" onChange="set_resolution()"><OPTION value="2">160*120</OPTION><OPTION value="8">320*240</OPTION><OPTION value="32">640*480</OPTION></SELECT></td></tr>
<tr height="20"><td class="h1"> <script>document.write(top.str_mode);</script></td><td><SELECT class="s4" id="mode_sel" onChange="camera_control(3,value)"><OPTION value="0">50 HZ</OPTION><OPTION value="1">60 HZ</OPTION><OPTION value="2"><script>document.write(top.str_outdoor);</script></OPTION></SELECT></td></tr>
<tr height="25"><td class="h1"> <script>document.write(top.str_brightness);</script></td><td><table class="h2"><tr><td><img src="images/in1.gif" onClick="plus_brightness()"></td><td><input id="brightness_input" readonly maxLength="2" class="s3" size="2"></td><td><img src="images/de1.gif" onClick="minus_brightness()"></td></tr></table></td></tr>
<tr height="25"><td class="h1"> <script>document.write(top.str_contrast);</script></td><td><table class="h2"><tr><td><img src="images/in1.gif" onClick="plus_contrast()"></td><td><input id="contrast_input" readonly maxLength="1" class="s3" size="2"></td><td><img src="images/de1.gif" onClick="minus_contrast()"></td></tr></table></td></tr>
<tr height="10"><td> </td></tr>
</table>
</body>
</html>