Aquí explicare como crear una pagina web que nos permita visualizar las imágenes que han sido generadas mediante Motion. Recordemos que ademas de hacer la pagina web es necesario haber instado MjpegProxyGrab para Motion y descargar la aplicación Cambozola.jar.
Cabe aclarar que para visualizar las imágenes por este método, es necesario que la maquina desde la cual quieres accesar remotamente tenga instalada la maquina virtual Java. Por tanto la pagina principal de este método lo primero que hará sera detectar que tengas instalado Java en la computadora, y la segunda pagina permitirá ver las imágenes.
Solo recuerda que si deseas mas informacion visita Sistema de Seguridad en Ubuntu
Comenzemos con la creacion de la pagina web principal. En una Terminal escribe:
editemos el archivo index dentro de este directorio
Eliminamos todo lo que esta dentro del archivo y lo sustituimos por el texto que sigue, recuerda SUSTITUIR LO QUE ESTA EN MAYÚSCULAS según sea tu caso.
<html>
<head>
<title>EL TITULO QUE QUIERAS</title>
<script type="text/javascript">
function show(){
if(navigator.javaEnabled()==true){
alert("Bienvenido a SISTEMA DE SEGURIDAD");
window.location.href = 'http://TUUSUARIO.dyndns.org/CAMARAS/camaras.html';}
else{
alert("No tienes instalado Sun Java Virtual Machine");
window.location.href = 'http://www.java.com';}
}
</script>
<style type="text/css">
.container
{
text-align:center;
}
.center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#ffffff;
text-align:center;
}
</style>
</head>
<body>
<div>
<div>
<h1>BIENVENIDO A NOMBREDEMISITIO</h1>
<h3>Para acceder al sistema presiona el boton</h3>
<input type="button" onclick="show()" value="Ingresar" />
</div>
</div>
</body>
</html>
Salvamos los cambios y cerramos el editor.
Ahora hagamos la pagina web de visualización, en la Terminal crearemos una carpeta segun el nombre que le hallas dado en la pagina web principal ( http://TUUSUARIO.dyndns.org/CAMARAS/camaras.html )
sudo mkdir NOMBREQUEHALLASUSADO
una vez creada la carpeta nos movemos dentro de ella
y creamos el archivo camaras.html
se abre el editor de texto y pegamos lo siguiente, NO OLVIDES SUSTITUIR LO QUE ESTA EN MAYUSCULAS segun sea tu caso.
<html>
<head>
<title>Camaras</title>
<script Language=JavaScript >
if(navigator.javaEnabled()==true)
else{
alert("No tienes instalado Java");
window.location.href = 'http://www.java.com';}
</script>
<style type="text/css">
.container
{
text-align:center;
}
.center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#ffffff;
text-align:center;
}
</style>
</head>
<body>
<div>
<div>
<h4>NOMBRE DE TU CAMARA</h4>
<applet code=com.charliemouse.cambozola.Viewer
archive=cambozola.jar
width=640 height=480
style="border-width:1 border-color:gray; border-style:solid;">
<param name="url" value="/cgi-bin/nph-mjprox?1">
</applet>
</div>
</div>
</body>
</html>
Salvamos los cambios y cerramos el editor.
Finalmente descargaremos el archivo Cambozola.jar para que funcione el streaming en nuestra pagina.
sudo wget http://www.charliemouse.com:8080/code/cambozola/cambozola-latest.tar.gz
Descomprimimos el archivo.
sudo tar xzvf cambozola-latest.tar.gz
Copiamos lo necesario
sudo cp cambozola-0.76/dist/cambozola.jar ./
Eliminamos los archivos innecesarios
sudo rm -R cambozola-latest.tar.gz cambozola-0.76
Eso es todo hemos creado una pagina web para visualizar nuestra cámara.