-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (97 loc) · 4.28 KB
/
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>Kodi url player</title>
</head>
<body>
<div class="container pt-3">
<form>
<div class="form-group">
<label for="txtIpPort">Indirizzo ip-porta:</label>
<div class="row">
<div class="col-sm-4">
<input type="text" class="form-control" id="txtIpPort" aria-describedby="emailHelp" placeholder="ip:porta">
</div>
<div class="col-sm-8">
<button type="submit" class="btn btn-primary" id="saveIp">Salva</button>
</div>
</div>
</div>
<div class="form-group">
<label for="txtUrl">Url video:</label>
<input type="text" class="form-control" id="txtUrl" aria-describedby="emailHelp" placeholder="url">
</div>
<div class="form-group">
<label for="txtResult">Risultato:</label>
<textarea class="form-control" id="txtResult" rows="5"></textarea>
</div>
<button type="submit" class="btn btn-primary" id="playVideo">Invia</button>
</form>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script type="text/javascript">
function createCookie(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
} else {
expires = "";
}
document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = encodeURIComponent(name) + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === ' ')
c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0)
return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
return null;
}
function eraseCookie(name) {
createCookie(name, "", -1);
}
$('#saveIp').click(function () {
createCookie('ip', $('#txtIpPort').val(), 365);
return false;
});
$('#playVideo').click(function () {
$('#txtResult').val('');
var jsonObj = '{ "jsonrpc": "2.0", "id": "1", "method": "Player.Open", "params": { "item": { "file": "' + $('#txtUrl').val() + '" } } }';
var ws = new WebSocket('wss://' + $('#txtIpPort').val() + '/jsonrpc');
ws.onopen = function () {
ws.send(jsonObj);
}
ws.onmessage = function (event) {
$("#txtResult").val(event.data);
ws.close();
}
ws.onerror = function (event) {
$("#txtResult").val(event.data);
ws.close();
};
return false;
});
$(document).ready(function () {
var ipValue = readCookie('ip');
if (ipValue) {
$('#txtIpPort').val(ipValue);
}
});
</script>
</body>
</html>