<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<!--<script src="http://ololenok.duckdns.org:82/public.cgi"></script>-->
<!--<script src="http://ololenok.duckdns.org:82/get_status.cgi"></script>-->
<!--<script src="http://ololenok.duckdns.org:82/login.cgi"></script>-->
<!--<script src="http://ololenok.duckdns.org:82/get_camera_params.cgi"></script>-->
<!--<script type="text/javascript" src="http://ololenok.duckdns.org:82/jquery/jquery.min.js"></script>-->
<!--<script type="text/javascript" src="http://ololenok.duckdns.org:82/public.js"></script>-->
<!--<link rel="stylesheet" href="http://ololenok.duckdns.org:82/style.css" type="text/css">-->
<script language="Javascript">
function Click() {
window.event.returnValue = false;
}
var g_ptzcmd = -1;
function OnPtzMouseDown() {
var url;
url = 'http://ololenok.duckdns.org:82/decoder_control.cgi?';
url += '&loginuse=admin&loginpas=adtmh';
url += '&command=2&onestep=1';
url += '&' + new Date().getTime() + Math.random();
$.getScript(url);
}
function OnPtzMouseUp() {
var url;
url = 'http://ololenok.duckdns.org:82/decoder_control.cgi?';
url += '&loginuse=admin&loginpas=adtmh';
url += '&command=0&onestep=1';
url += '&' + new Date().getTime() + Math.random();
$.getScript(url);
}
function OnPtzMouseLeft() {
var url;
url = 'http://ololenok.duckdns.org:82/decoder_control.cgi?';
url += '&loginuse=admin&loginpas=adtmh';
url += '&command=4&onestep=1';
url += '&' + new Date().getTime() + Math.random();
$.getScript(url);
}
function OnPtzMouseRight() {
var url;
url = 'http://ololenok.duckdns.org:82/decoder_control.cgi?';
url += '&loginuse=admin&loginpas=adtmh';
url += '&command=6&onestep=1';
url += '&' + new Date().getTime() + Math.random();
$.getScript(url);
}
function OnPtzMouseStop() {
var url;
url = 'http://ololenok.duckdns.org:82/decoder_control.cgi?';
url += '&loginuse=admin&loginpas=adtmh';
url += '&command=1';
url += '&' + new Date().getTime() + Math.random();
$.getScript(url);
}
//var imgsrc = "http://192.168.1.107:81/snapshot.cgi?user=admin&pwd=";
var imgsrc;// = "snapshot.cgi?user="+top.cookieuser+"&pwd="+top.cookiepass;
function body_onload() {
$("#btnup").val("UP");
$("#btnleft").val("LEFT");
//$("#btnstop").val(str_Ptz_StopText);
$("#btnright").val("RIGHT");
$("#btndown").val("DOWN");
imgsrc = "http://ololenok.duckdns.org:82/snapshot.cgi?user=admin&pwd=adtmh";
//alert(imgsrc);
//$("#snapshot").attr("src",imgsrc);
//window.setTimeout('PlayImg();', 20);
}
function changedValueCam1(){
//alert($('#cam1_v').val());
if ($('#camimage1').is(':visible')&&$('#cam1_v').val()==1) {
alert('starting!');
}
}
function PlayImg() {
if ($('#camimage1').is(':visible')) {
var append = '&' + new Date().getTime() + Math.random();
var img = document.createElement("img");
//img.src = imgsrc+append;
//alert(append);
img.onload = function () {
//alert(img.src);
var div = document.getElementById("camimage1");
while (div.childNodes.length > 0)
div.removeChild(div.childNodes[0]);
div.appendChild(img);
window.setTimeout("PlayImg();", 20);
};
img.onerror = function () {
window.setTimeout("PlayImg();", 10);
};
img.src = imgsrc + append;
}
window.setTimeout("PlayImg();", 20);
}
</script>
</head>
<body onLoad="body_onload()">
<table align="center">
<tr>
<td align="center" colspan="3">
<div id="camimage1"></div>
<label for="cam1_v"><span id="label_cam1">Камера1</span><span id="processing_cam1"></span></label>
<select name="cam1_v" id="cam1_v" data-role="slider" onChange="changedValueCam1();">
<option value="0" selected>Выкл</option>
<option value="1">Вкл</option>
</select>
</td>
</tr>
<tr>
<td align="center"><input id="btnup" type="button" value="Up" onClick="OnPtzMouseUp()"></td>
</tr>
<tr>
<td align="center">
<input id="btnleft" type="button" value="Left" onClick="OnPtzMouseLeft()"/>
<!--<input id="btnstop" type="button" value="Stop" onClick="OnPtzMouseStop()"/>-->
<input id="btnright" type="button" value="Right" onClick="OnPtzMouseRight()"/>
</td>
</tr>
<tr>
<td align="center"><input id="btndown" type="button" value="Down" onClick="OnPtzMouseDown()"></td>
</tr>
</table>
<!--<div align="center">-->
<!--<br>
<img src="http://ololenok.duckdns.org:82/?snapshot.cgi?user=admin&pwd=adtmh" width="240">-->
<!--</div>-->
</body>
</html>