diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 2af8d63..b0a1b51 100755 --- 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 new file mode 100755 index 0000000..3b3c5e5 --- /dev/null +++ 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 index 346aeda..a335abf 100755 --- 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