-
Notifications
You must be signed in to change notification settings - Fork 1
/
cam.html
executable file
·108 lines (106 loc) · 3.64 KB
/
cam.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
<html>
<title>Cameras</title>
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
}
.wrap {
margin: 0 0;
}
.grid {
display: grid;
height: 100vh;
grid-template-columns: 1fr 1fr 1fr;
}
.grid>* {
background: black;
padding: 0px;
box-shadow: inset 0 0 0 1px #fff;
}
iframe {
display:block;
width:100%;
height:100%;
border:none;
}
img {
width: 100%;
height: 33.3vh;
object-fit: fill;
}
</style>
<script language="JavaScript">
function refreshEzviz() {
document.images['ezviz'].src = 'http://10.10.10.87:88/cgi-bin/ezvizjpegs?' + Math.random();
}
function refreshDOOR() {
document.images['door'].src = 'http://10.10.10.87:88/cgi-bin/snap?cam=door&t=' + Math.random();
}
function refreshFront() {
document.images['front'].src = 'http://10.10.10.141/action/snap?cam=0&user=admin&pwd=password&t=' + Math.random();
}
function refreshFence() {
document.images['fence'].src = 'http://10.10.10.128/action/snap?cam=0&user=admin&pwd=password&t=' + Math.random();
}
function refreshPool() {
document.images['pool'].src = 'http://10.10.10.116/action/snap?cam=0&user=admin&pwd=password&t=' + Math.random();
}
function refreshAlley() {
document.images['alley'].src = 'http://10.10.10.113/action/snap?cam=0&user=admin&pwd=password&t=' + Math.random();
}
function refreshPTZ() {
document.images['ptz'].src = 'http://10.10.10.87:88/cgi-bin/snap?cam=office&t=' + Math.random();
}
function refreshPTZ2() {
document.images['ptz2'].src = 'http://10.10.10.87:88/cgi-bin/snap?cam=living&t=' + Math.random();
}
function refreshFEEDER() {
document.images['feeder'].src = 'http://10.10.10.87:88/cgi-bin/snap?cam=feeder&t=' + Math.random();
}
</script>
<body>
<div class="wrap">
<div class="grid">
<div class="grid__item" id="ezdiv">
<img name="ezviz" src="http://10.10.10.87:88/cgi-bin/ezvizjpegs"
onLoad="setTimeout('refreshEzviz()',1000)" onError="setTimeout('refreshEzviz()',1000)">
</div>
<div class="grid__item">
<img name="door" src="http://10.10.10.87:88/cgi-bin/snap?cam=door"
onLoad="setTimeout('refreshDOOR()',1000)" onError="setTimeout('refreshDOOR()',1000)">
</div>
<div class="grid__item">
<img name="front" src="http://10.10.10.141/action/snap?cam=0&user=admin&pwd=password"
onLoad="setTimeout('refreshFront()',1000)" onError="setTimeout('refreshFront()',1000)">
</div>
<div class="grid__item">
<img name="fence" src="http://10.10.10.128/action/snap?cam=0&user=admin&pwd=password"
onLoad="setTimeout('refreshFence()',1000)" onError="setTimeout('refreshFence()',1000)">
</div>
<div class="grid__item">
<img name="pool" src="http://10.10.10.116/action/snap?cam=0&user=admin&pwd=password"
onLoad="setTimeout('refreshPool()',1000)" onError="setTimeout('refreshPool()',1000)">
</div>
<div class="grid__item">
<img name="alley" src="http://10.10.10.113/action/snap?cam=0&user=admin&pwd=password"
onLoad="setTimeout('refreshAlley()',1000)" onError="setTimeout('refreshAlley()',1000)">
</div>
<div class="grid__item">
<img name="ptz2" src="http://10.10.10.87:88/cgi-bin/snap?cam=living"
onLoad="setTimeout('refreshPTZ2()',1000)" onError="setTimeout('refreshPTZ2()',1000)">
</div>
<div class="grid__item">
<img name="ptz" src="http://10.10.10.87:88/cgi-bin/snap?cam=office"
onLoad="setTimeout('refreshPTZ()',1000)" onError="setTimeout('refreshPTZ()',1000)">
</div>
<div class="grid__item">
<img name="feeder" src="http://10.10.10.87:88/cgi-bin/snap?cam=feeder"
onLoad="setTimeout('refreshFEEDER()',1000)" onError="setTimeout('refreshFEEDER()',1000)">
</div>
</div>
</div>
</body>
</html>