initial commit

4 files changed, 248 insertions, 0 deletions

diff --git a/js/.main.js.swp b/js/.main.js.swp
new 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;
+	
+	}
+
+}