IoT: Raspberry Pi Robot med Video Streamer och Pan/Tilt kamera fjärrkontroll över internet (3 / 10 steg)
Steg 3: Installera en webbserver
Om du har gick igenom den första delen av projektet, måste du ha LIGHTTPD webbservern redan installerat.
Om inte, den nedan steg guidar installera dig i hur LIGHTTPD, en väldigt "lätt" och snabb webbserver som kan användas i stället för Apache t.ex. Som beskrivs på en lighttpd wiki-sida, "Lighttpd är en säker, snabb, kompatibla och mycket flexibel-webbserver som har optimerats för högpresterande miljöer. Den har en mycket låg minnesanvändning jämfört med andra webbservrar och tar hand om cpu-belastningen.
Låt oss installera Lighttpd webbserver och komponenter:
sudo apt-get - y installera lighttpd
sudo lighttpd-aktivera-mod cgi
sudo lighttpd-aktivera-mod-fastcgi
Som standard söker Lighttpd en index.html -sida på /var/www/html. Vi kommer att ändra det, så index.html kommer att placeras under var/www. För detta måste vi redigera filen upplysta config:
sudo nano /etc/lighttpd/lighttpd.conf
förändring:
Server.Document-root = "/ var/www/html"
av:
Server.Document-root = "/ var/www /"
För att detta ändra högt börjar gälla, vi måste stoppa och starta om webbservern:
sudo /etc/init.d/lighttpd stopp
sudo /etc/init.d/lighttpd start
På denna punkt webbservern körs och om en sidan index.html är beläget i var/www, vi kan komma åt den från alla webbläsare, skriver RPi IP adressen:
för att skapa en enda webbsida för att visa videon, låt oss inkludera raden nedan på HTML-koden:
< xmp >
< iframe src = "http://Your IP Adress:9000/javascript_simple.html" frameborder = "0" align = "mellersta" width = "640" höjd = "480" align = "mellersta" rullning = "no" >$
< / xmp >
Nedan kan du se komplett HTML-koden för den sidan, där videon streaming, bilden ovan visar utskriftsskärmen webbsida:
< xmp >
< html >
< head >
< / head >
< style >
kroppen {bakgrundsfärg: lightyellow}
H1 {color: blue}
< / stil >
< body >
< div stil = "text-align: center" >
< H1 > MJRoBot RPi webbkontroll Robot < img stil = "höjd: 100px"src="/images/robot52.png" >< / h1 >
< br >< br >
< iframe src = "http://10.0.1.31:9000/javascript_simple.html" frameborder = "0" align = "mellersta" width = "640" höjd = "480" align = "mellersta" rullning = "no" >$
< / body >
< / html >
< / xmp >