diff options
| author | Devaev Maxim <[email protected]> | 2018-07-08 01:31:11 +0000 |
|---|---|---|
| committer | Devaev Maxim <[email protected]> | 2018-07-08 01:31:11 +0000 |
| commit | 09cccf0ffba8483923843352f855cf30ea68b550 (patch) | |
| tree | d44c998a11acaba71ab6e4601ab414999962d11e /kvmd/web | |
| parent | 8c9441e0a3e676b4f7e36b48da8589dd15b8d125 (diff) | |
moved main configs to kvmd package
Diffstat (limited to 'kvmd/web')
| -rw-r--r-- | kvmd/web/index.html | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/kvmd/web/index.html b/kvmd/web/index.html new file mode 100644 index 00000000..87281e88 --- /dev/null +++ b/kvmd/web/index.html @@ -0,0 +1,66 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8" /> +<title>π-kvm</title> +<style> +body { + text-align: center; +} +.screen, .screen * { + box-sizing: border-box; +} +.screen { + display: inline-block; + background-color: #e5e5f5; + font-family: Arial, Tahoma, Verdana, sans; + font-size: 10pt; + text-align: center; + padding: 1em; + text-align: left; +} +.screen .screen-image { + width: 720px; + height: 576px; + border: 1px solid #77d; + display: inline-block; +} +</style> +</head> + +<script> +function onWsMessage(message) { + console.log(message.data); + if (message.data == "EVENT mjpg_streamer started") { + document.getElementById("stream-image").src = "/streamer/?action=stream&time=" + new Date().getTime(); + } +} + +function onKeyPress(event) { + console.log("key pressed: ", event); + let e = event || window.event || arguments.callee.caller.arguments[0]; +// ws.Send("EVENT press " + e.keyCode); +} + +function onKeyRelease(event) { + console.log("key released: ", event); + let e = event || window.event || arguments.callee.caller.arguments[0]; +// ws.Send("EVENT press " + e.keyCode); +} + +ws = new WebSocket("ws://" + location.host + "/kvmd/ws"); +ws.onmessage = (message) => onWsMessage(message); +ws.onerror = (error) => console.error(error); +ws.onclose = () => console.log("closed"); + +//https://www.codeday.top/2017/05/03/24906.html +document.onkeydown = onKeyPress; +document.onkeyup = onKeyRelease; +</script> + +<body> +<div class="screen"> + <img src="/streamer/?action=stream" id="stream-image" class="screen-image" alt="" /> +</div> +</body> +</html> |