Étape 3: Installer un serveur Web
Si vous avez a traversé la première partie de ce projet, vous devez avoir le serveur LIGHTTPD Web déjà installé.
Si non, le soufflet étapes vont guidera dans la façon installer LIGHTTPD, un serveur Web très « léger » et rapide qui peut être utilisé au lieu de Apache par exemple. Tel que décrit sur sa page wiki lighttpd, "Lighttpd est un serveur de web sécurisé, rapide, conforme et très souple qui a été optimisé pour les environnements de haute performance. Il a une empreinte mémoire très faible par rapport aux autres serveurs Web et s’occupe de la charge de l’UC.
Nous allons installer des composants et serveur web Lighttpd :
sudo apt-get - y installer lighttpd
cgi de lighttpd-mod-activer sudo
sudo lighttpd-mod-activer fastcgi
Par défaut, Lighttpd est à la recherche d’une page index.html à /var/www/html. Nous allons changer, alors le fichier index.html sera placé sous/var/www. Pour cela, nous devons éditer le fichier de config illuminé :
sudo nano /etc/lighttpd/lighttpd.conf
changement :
Server.document-root = « / var/www/html »
par :
Server.document-root = "/ var/www /"
Afin d’à haute voix ce changement qui entrera en vigueur, nous devons arrêter et redémarrer le serveur web :
sudo /etc/init.d/lighttpd stop
sudo /etc/init.d/lighttpd début
À ce stade, le serveur web s’exécute, et si une page index.html est située dans/var/www, nous pouvons accéder il de n’importe quel navigateur, tapez l’adresse IP de RPi :
afin de créer une seule page Web pour afficher la vidéo, nous allons inclure la ligne ci-dessous dans le code HTML :
<xmp> <iframe src="http://Your IP Adress:9000/javascript_simple.html" frameborder="0" align="middle" width="640" height="480" align="middle" scrolling="no">$ </xmp>
Ci-dessous que vous pouvez voir le code HTML complet de la page, où la vidéo sont transmises en continu, la photo ci-dessus montre la capture d’écran en page Web :
<xmp> <html> <head> </head> <style> body {background-color: lightyellow} h1 {color:blue} </style> <body> <div style="text-align:center"> <h1> MJRoBot RPi Web Robot Control <img style="height: 100px"src="/images/robot52.png"> </h1> <br><br> <iframe src="http://10.0.1.31:9000/javascript_simple.html" frameborder="0" align="middle" width="640" height="480" align="middle" scrolling="no">$ </body> </html> </xmp>