80 lines
2.3 KiB
HTML
80 lines
2.3 KiB
HTML
<html>
|
|
<head>
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
|
|
<!--
|
|
<script src="http://www.hivemq.com/demos/websocket-client/js/mqttws31.js" type="text/javascript"></script>
|
|
<script src="/mqtt.js"></script>
|
|
-->
|
|
<style>
|
|
.center {
|
|
margin: auto;
|
|
width: 80%;
|
|
border: 3px solid white;
|
|
padding: 10px;
|
|
background-color: rgba(200, 200, 200, 0.8);
|
|
font-family: Verdana, Helvetica, sans-serif;
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
var room = "raum1";
|
|
var Countdown;
|
|
|
|
function SendKey(key) {
|
|
|
|
$.ajax({
|
|
crossDomain: true,
|
|
method: "GET",
|
|
contentType:'text/html; charset=utf-8',
|
|
url: 'http://127.0.0.1:8000/api/sendkey/10.25.176.35/'+key,
|
|
//dataType: "json",
|
|
success: function(content){
|
|
//$(screenshot).html("nix");
|
|
//$(screenshot).html("<img src='http://10.25.176.35/servlet?command=screenshot'>");
|
|
$(screenshot).html("<img src='http://10.25.176.35/servlet?command=screenshot&dt="+new Date().getTime()+"'>");
|
|
},
|
|
error: function (xhr, ajaxOptions, thrownError) {
|
|
console.log(xhr);
|
|
}
|
|
});
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
//client.connect(options);
|
|
|
|
$(screenshot).html("<img src='http://10.25.176.35/servlet?command=screenshot'>");
|
|
|
|
|
|
/*
|
|
setInterval(function(){
|
|
$(screenshot).html("<img src='http://10.25.176.35/servlet?command=screenshot&dt="+new Date().getTime()+"'>");
|
|
console.log("<img src='http://10.25.176.35/servlet?command=screenshot&dt="+new Date().getTime()+"'>");
|
|
},2000);
|
|
*/
|
|
|
|
|
|
|
|
});
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="screenshot" class="center"></div>
|
|
|
|
<center>
|
|
<button id="btn_menu" onclick="SendKey('MENU')">MENU</button>
|
|
<button id="btn_ok" onclick="SendKey('OK')">OK</button>
|
|
<button id="btn_esc" onclick="SendKey('CANCEL')">ESC</button>
|
|
<br>
|
|
<button id="btn_LEFT" onclick="SendKey('LEFT')">LEFT</button>
|
|
<button id="btn_RIGHT" onclick="SendKey('RIGHT')">RIGHT</button>
|
|
<button id="btn_UP" onclick="SendKey('UP')">UP</button>
|
|
<button id="btn_DOWN" onclick="SendKey('DOWN')">DOWN</button>
|
|
</center>
|
|
|
|
|
|
</body>
|
|
</html>
|