ChCh
/
cctv-control
mirror of http://git.sublab.org/cctv-control/
10
0
Fork 0
Code Issues Releases Wiki Activity

display no of active camera as overlay

This commit is contained in:
Florian 2014-02-07 15:22:41 +01:00
parent 7d2bfcdbbf
commit e92d63f5e3
2 changed files with 32 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
css/cam.css
View File

@ -1,4 +1,25 @@
img.fullscreen {
body {
background-color: #000;
}
.camnumber {
position: absolute;
left: 20px;
top: -100px;
background: rgba(0,0,0,0.4);
color: rgba(255, 255, 255, 0.7);
font-weight: bold;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 120px;
line-height: 120px;
z-index: 100;
}
img {
min-height: 100%;
min-width: 1024px;
@ -8,5 +29,9 @@ img.fullscreen {
position: fixed;
top: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 50;
}

10
js/cctv-control.js
View File

@ -13,8 +13,8 @@
var cam = 0;
var camHost = "172.22.80.56:8080";
var controlHost = "172.22.80.56:8080";
var camHost = "127.0.0.1:8080";
var controlHost = "127.0.0.1:8080";
//create event which is triggered when DOM is ready
window.onDomReady = initReady;
@ -32,7 +32,9 @@ function initReady(fn) {
function changeCam() {
var display = document.getElementById('screen');
if (cam <= 7 && cam >= 0) {
display.innerHTML = '<img src="http://' + camHost + '/cam/' + cam + '/stream.mjpeg" />';
camDisplay = cam + 1;
display.innerHTML = '<p class="camnumber">' + camDisplay + '</p>';
display.innerHTML += '<img src="http://' + camHost + '/cam/' + cam + '/stream.mjpeg" />';
}
else {
display.innerHTML = '<img src="img/testbild.png" />';
@ -43,7 +45,7 @@ function changeCam() {
function controlCam(direction) {
if (direction == "left" || direction == "right" || direction == "up" || direction == "down") {
var request = new XMLHttpRequest();
request.open("get", "http://" + controlHost + "/cam/" + cam + "/control/" + direction + "left", false);
request.open("get", "http://" + controlHost + "/cam/" + cam + "/control/" + direction, false);
request.send();
return false;
}