diff --git a/cam_public/view.html b/cam_public/view.html index d6bc329..4b846ab 100644 --- a/cam_public/view.html +++ b/cam_public/view.html @@ -6,6 +6,7 @@ #cam { width: 100%; height: auto; min-height: 100%; min-width: 1024px; position: fixed; top: 0; left: 0; margin: 0; padding: 0 } body { padding: 0px; margin: 0px; } +
diff --git a/cam_public/view.js b/cam_public/view.js new file mode 100644 index 0000000..1630d1b --- /dev/null +++ b/cam_public/view.js @@ -0,0 +1,8 @@ +function reloadSrc() { + var camImage = document.getElementById('cam'); + if (camImage) + camImage.setAttribute('src', camImage.getAttribute('src')); + window.setTimeout(reloadSrc, 5000); +} + +reloadSrc(); diff --git a/public/cam.html b/public/cam.html index 5ab2aaf..4149c77 100644 --- a/public/cam.html +++ b/public/cam.html @@ -8,6 +8,7 @@23
' + camDisplay + '
'; + var camNumber = cam + 1; + var camDisplay = document.getElementsByClassName('camNumber')[0]; + + camDisplay.innerText = camNumber; } //change currently displayed camera to the one in cam variable function changeCam() { var display = document.getElementById('screen'); + var camImage = document.getElementById('camImage'); if (cam <= 7 && cam >= 0) { displayCamNumber(); - display.innerHTML += ''; + camImage.setAttribute('src', + 'http://' + camHost + '/cam/' + cam + '/stream.mjpeg'); localStorage.setItem("cam", cam); } else { - display.innerHTML = ''; + camImage.setAttribute('src', 'img/testbild.gif'); } }