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

reload loads last selected camera

This commit is contained in:
Florian 2014-02-14 21:27:19 +01:00
parent dea4742025
commit 6ef199fe10
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
js/cctv-control.js
View File

@ -31,11 +31,18 @@ function initReady(fn) {
//hide the form, and switch on camera //hide the form, and switch on camera
function initViewer() { function initViewer() {
var tempCam = parseInt(localStorage.getItem('cam'));
formActive = localStorage.getItem("formActive"); formActive = localStorage.getItem("formActive");
if (tempCam <= 7 && tempCam >= 0) {
cam = tempCam;
}
//if form was displayed, when page was reloaded, display form
if (formActive == 1) { if (formActive == 1) {
showForm(); showForm();
displayCamNumber();
} }
else { else {
formActive == 0; formActive == 0;
@ -44,14 +51,20 @@ function initViewer() {
} }
} }
function displayCamNumber() {
var display = document.getElementById('screen');
camDisplay = cam + 1;
display.innerHTML = '<p class="camNumber">' + camDisplay + '</p>';
}
//change currently displayed camera to the one in cam variable //change currently displayed camera to the one in cam variable
function changeCam() { function changeCam() {
var display = document.getElementById('screen'); var display = document.getElementById('screen');
if (cam <= 7 && cam >= 0) { if (cam <= 7 && cam >= 0) {
camDisplay = cam + 1; displayCamNumber();
display.innerHTML = '<p class="camNumber">' + camDisplay + '</p>';
display.innerHTML += '<img id="camImage" src="http://' + camHost + '/cam/' + cam + '/stream.mjpeg" />'; display.innerHTML += '<img id="camImage" src="http://' + camHost + '/cam/' + cam + '/stream.mjpeg" />';
localStorage.setItem("cam", cam);
} }
else { else {
display.innerHTML = '<img id="camImage" src="img/testbild.gif" />'; display.innerHTML = '<img id="camImage" src="img/testbild.gif" />';
@ -112,11 +125,12 @@ function saveImage() {
function showForm() { function showForm() {
//load snapshot from localstorage an display in background //load snapshot from localstorage
var display1 = document.getElementById("camImage"), var display1 = document.getElementById("camImage"),
display2 = document.getElementById("formImage"), display2 = document.getElementById("formImage"),
stor = localStorage.getItem("snapShot"); stor = localStorage.getItem("snapShot");
//display loaded image
if (stor) { if (stor) {
display1.setAttribute("src", stor); display1.setAttribute("src", stor);
display2.setAttribute("src", stor); display2.setAttribute("src", stor);
@ -131,7 +145,7 @@ function showForm() {
function hideForm() { function hideForm() {
//save data //save form data in local storage for later use
localStorage.setItem("formName", document.getElementById('formName').value); localStorage.setItem("formName", document.getElementById('formName').value);
localStorage.setItem("formDate", document.getElementById('formDate').value); localStorage.setItem("formDate", document.getElementById('formDate').value);
localStorage.setItem("formAnalysis1", document.getElementById('formAnalysis1').value); localStorage.setItem("formAnalysis1", document.getElementById('formAnalysis1').value);
@ -148,7 +162,9 @@ function hideForm() {
function keyDown(event) { function keyDown(event) {
// chaning the camera is only possible if the form is not displayed
if (formActive != 1) { if (formActive != 1) {
//numpad has different keycodes!
switch(event.keyCode) { switch(event.keyCode) {
case 49: // 1 case 49: // 1
cam = 0; cam = 0;