kvmd/web/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>&pi;-kvm</title>
	<link rel="stylesheet" href="css/main.css">
</head>

<script src="js/kvmd.js"></script>
<script>
	window.onload = function() {
		runKvmdSession();
		pollStreamer();
	}
</script>

<body>
	<div class="stream-box">
		<img src="/streamer/?action=stream" id="stream-image" class="stream-image" alt="" />
	</div>

	<table>
		<tr>
			<td><div id="power-led" class="power-led-off"></div></td>
			<td><div id="hdd-led" class="hdd-led-off"></div></td>
			<td>&nbsp;&nbsp;</td>
			<td><button id="power-button" type="button" title="Click hardware power button" onclick="clickPowerButton();">Power</button></td>
			<td><button id="power-button-long" type="button" title="Click hardware power button (long press)" onclick="clickPowerButtonLong();">Power (long)</button></td>
			<td><button id="reset-button" type="button" title="Click to force reset" onclick="clickResetButton();">Reset</button></td>
		</tr>
	</table>
	<table>
		<tr>
			<td><button id="restart-stream-button" type="button" title="Click here if your video looks like a crap" onclick="resetStreamer();">Restart video</button></td>
			<td>&nbsp;&nbsp;</td>
			<td><div id="session-status">Not connected yet...</div></td>
		</tr>
	</table>
</body>
</html>