Окно камеры
(custom)
<link rel="stylesheet" href="../css/font-awesome.min.css">
<script type="text/javascript">
var t = setInterval( function () {
$("#camera").load("/camera.php?num=1&scale=100");
}, 1000);
function SR_change()
{
clearInterval(t);
t = setInterval( function () {
$("#camera").load("/camera.php?num=1&scale="+$("#scale").val());
}, $("#refresh").val()*1000);
}
function cam_down()
{
$.get("/camera.php?num=1&control=down");
}
function cam_up()
{
$.get("/camera.php?num=1&control=up");
}
function cam_left()
{
$.get("/camera.php?num=1&control=left");
}
function cam_right()
{
$.get("/camera.php?num=1&control=right");
}
function cam_home()
{
$.get("/camera.php?num=1&control=home");
}
</script>
<div>
<label for="scale"><b>Качество, %:</b></label>
<select id="scale" onchange="SR_change()">
<option selected>100</option>
<option>90</option>
<option>80</option>
<option>70</option>
<option>60</option>
<option>50</option>
<option>40</option>
<option>30</option>
</select>
<label for="refresh"><b>Скорость обновления, c:</b></label>
<select id="refresh" onchange="SR_change()">
<option>10</option>
<option>5</option>
<option>3</option>
<option>2</option>
<option selected>1</option>
<option>0.5</option>
</select>
<button class="ui-btn ui-btn-inline" onclick="cam_down()"><i class="fa fa-chevron-down"></i></button>
<button class="ui-btn ui-btn-inline" onclick="cam_up()"><i class="fa fa-chevron-up"></i></button>
<button class="ui-btn ui-btn-inline" onclick="cam_left()"><i class="fa fa-chevron-left"></i></button>
<button class="ui-btn ui-btn-inline" onclick="cam_right()"><i class="fa fa-chevron-right"></i></button>
<button class="ui-btn ui-btn-inline" onclick="cam_home()"><i class="fa fa-home"></i></button>
</div>
<div id="camera" >
</div>