diff options
Diffstat (limited to 'js')
| -rw-r--r-- | js/.main.js.swp | bin | 0 -> 12288 bytes | |||
| -rw-r--r-- | js/cctv-control.js | 93 | ||||
| -rw-r--r-- | js/main.js | 100 | ||||
| -rw-r--r-- | js/main.js.bak | 55 |
4 files changed, 248 insertions, 0 deletions
diff --git a/js/.main.js.swp b/js/.main.js.swp Binary files differnew file mode 100644 index 0000000..b3ba802 --- /dev/null +++ b/js/.main.js.swp diff --git a/js/cctv-control.js b/js/cctv-control.js new file mode 100644 index 0000000..09e978f --- /dev/null +++ b/js/cctv-control.js @@ -0,0 +1,93 @@ +// Small lib to +// +// +// +// + + +var cam = 0; +var camHost = "172.22.80.56:8080"; +var controlHost = "172.22.80.56:8080"; + +//create event which is triggered when DOM is ready +window.onDomReady = initReady; + +//change from testbild to default cam when DOM is ready +window.onDomReady(changeCam); + +function initReady(fn) { + if(document.addEventListener) { + document.addEventListener("DOMContentLoaded", fn, false); + } +} + +//change currently displayed camera to the one in cam variable +function changeCam() { + var display = document.getElementById('screen'); + if (cam <= 7 && cam >= 0) { + display.innerHTML = '<img src="http://' + camHost + '/cam/' + cam + '/stream.mjpeg" />'; + } + else { + display.innerHTML = '<img src="img/testbild.png" />'; + } +} + +//send control command to currently selected camera +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.send(); + return false; + } + + +function keyDown(event) { + + switch(event.keyCode) { + case 49: // 1 + cam = 0; + changeCam(); + break; + case 50: // 2 + cam = 1; + changeCam(); + break; + case 51: // 3 + cam = 2; + changeCam(); + break; + case 52: // 4 + cam = 3; + changeCam(); + break; + case 53: // 5 + cam = 4; + changeCam(); + break; + case 54: // 6 + cam = 5; + changeCam(); + break; + case 55: // 7 + cam = 6; + changeCam(); + break; + case 56: // 8 + cam = 7; + changeCam(); + break; + case 37: // arrow left + controlCam("left"); + break; + case 38: // arrow up + controlCam("up"); + break; + case 39: // arrow right + controlCam("right"); + break; + case 40: // arrow down + controlCam("down"); + break; + } +} diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..b85fa89 --- /dev/null +++ b/js/main.js @@ -0,0 +1,100 @@ +// CCTV Control +// +// Author: Florian Raemisch +// Email: olf@subsignal.org +// +// cctv-control is a webinterface to control and view +// mjpeg encoded videos by cctv cameras which are +// proxied by mjpegplexer. camera control is possible +// with arrow-keys, if mjpegplexer is configured +// properly. +// +// This Software is licensed under the GPL Version 3, 29 June 2007 + + +var cam = 0; +var camHost = "172.22.80.56:8080"; +var controlHost = "172.22.80.56:8080"; + +//create event which is triggered when DOM is ready +window.onDomReady = initReady; + +//change from testbild to default cam when DOM is ready +window.onDomReady(changeCam); + +function initReady(fn) { + if(document.addEventListener) { + document.addEventListener("DOMContentLoaded", fn, false); + } +} + +//change currently displayed camera to the one in cam variable +function changeCam() { + var display = document.getElementById('screen'); + if (cam <= 7 && cam >= 0) { + display.innerHTML = '<img src="http://' + camHost + '/cam/' + cam + '/stream.mjpeg" />'; + } + else { + display.innerHTML = '<img src="img/testbild.png" />'; + } +} + +//send control command to currently selected camera +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.send(); + return false; + } + + +function keyDown(event) { + + switch(event.keyCode) { + case 49: // 1 + cam = 0; + changeCam(); + break; + case 50: // 2 + cam = 1; + changeCam(); + break; + case 51: // 3 + cam = 2; + changeCam(); + break; + case 52: // 4 + cam = 3; + changeCam(); + break; + case 53: // 5 + cam = 4; + changeCam(); + break; + case 54: // 6 + cam = 5; + changeCam(); + break; + case 55: // 7 + cam = 6; + changeCam(); + break; + case 56: // 8 + cam = 7; + changeCam(); + break; + case 37: // arrow left + controlCam("left"); + break; + case 38: // arrow up + controlCam("up"); + break; + case 39: // arrow right + controlCam("right"); + break; + case 40: // arrow down + controlCam("down"); + break; + } +} diff --git a/js/main.js.bak b/js/main.js.bak new file mode 100644 index 0000000..7a12dce --- /dev/null +++ b/js/main.js.bak @@ -0,0 +1,55 @@ +var cam; + +function keyDown(event) { + if (event.keyCode == 49) { + var display = document.getElementById('screen'); + cam = 0; + display.innerHTML = '<img src="http://172.22.80.56:8080/cam/0/stream.mjpeg" />' + } + + if (event.keyCode == 50) { + var display = document.getElementById('screen'); + cam = 1; + display.innerHTML = '<img src="http://172.22.80.56:8080/cam/1/stream.mjpeg" />' + } + + if (event.keyCode == 51) { + var display = document.getElementById('screen'); + cam = 2; + display.innerHTML = '<img src="http://172.22.80.56:8080/cam/2/stream.mjpeg" />' + } + + if (event.keyCode == 52) { + var display = document.getElementById('screen'); + display.innerHTML = '<img src="testbild-4.png" />' + } + + if (event.keyCode == 37) { + var request = new XMLHttpRequest(); + request.open("get", "http://172.22.80.56:8080/cam/" + cam + "/control/left", false); + request.send(); + return false; + } + + if (event.keyCode == 38) { + var request = new XMLHttpRequest(); + request.open("get", "http://172.22.80.56:8080/cam/" + cam +"/control/up", false); + request.send(); + return false; + + } + if (event.keyCode == 39) { + var request = new XMLHttpRequest(); + request.open("get", "http://172.22.80.56:8080/cam/" + cam +"/control/right", false); + request.send(); + return false; + } + if (event.keyCode == 40) { + var request = new XMLHttpRequest(); + request.open("get", "http://172.22.80.56:8080/cam/" + cam +"/control/down", false); + request.send(); + return false; + + } + +} |