added video streaming with mjpg-streamer

mirceageorgescu · Dec 19, 2012 · b42bbda · b42bbda
1 parent eff1ae6
commit b42bbda
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 6 deletions.
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -10,14 +10,25 @@ body{
 
 .wrapper{
   width:320px;
-  height:214px;
+  height:730px;
   position:absolute;
   top:50%;
   left:50%;
-  margin-top:-107px;
+  margin-top:-357px;
   margin-left:-160px;
 }
 
+iframe{
+  position:absolute;
+  top:0;
+  left:-160px;
+  width:640px;
+  height:480px;
+  border:10px solid #333;
+  margin:0;
+  padding:0;
+}
+
 a{
   display:block;
   width:100px;
@@ -48,18 +59,18 @@ a.active{
 }
 
 .up{
-  top:0;
+  top:510px;
   left:110px;
 }
 .left{
-  top:114px;
+  top:624px;
   left:0;
 }
 .down{
-  top:114px;
+  top:624px;
   left:110px;
 }
 .right{
   right:0;
-  top:114px;
+  top:624px;
 }
diff --git a/start.sh b/start.sh
@@ -0,0 +1,5 @@
+# start node server
+node app.js &
+
+# start streaming server
+mjpg_streamer -i "/usr/lib/input_uvc.so -d /dev/video0  -r 640x480 -f 30" -o "/usr/lib/output_http.so -p 8090 -w /var/www/mjpg_streamer" && fg
diff --git a/views/index.jade b/views/index.jade
@@ -1,4 +1,5 @@
 div.wrapper
+  iframe(src='http://192.168.0.107:8090/?action=stream')
   a.up() w
   a.left() a
   a.down() s