Salut les amis Raspberry !
Rediriger le flux vidéo de Motion vers une page HTML via Apache2 est une excellente idée pour créer une interface modifiable pour votre robot explorateur de canalisations. Voici un guide étape par étape :
1. Installer Motion et Apache2
Assurez-vous que Motion et Apache2 sont installés sur votre Raspberry Pi :
sudo apt install motion
sudo apt install apache2
2. Configurer Motion
Modifiez le fichier de configuration de Motion /etc/motion/motion.conf. Recherchez les options suivantes et définissez-les comme ceci :
stream_localhost : on
web_port : 8080 (ou un autre port libre)
3. Créer une page HTML
Créez un fichier HTML dans votre dossier web Apache (par exemple /var/www/html/index.html). Ce fichier doit contenir du code JavaScript pour afficher le flux vidéo et ajouter les fonctionnalités que vous souhaitez. Voici un exemple simple :
HTML
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Flux vidéo Motion</title>
</head>
<body>
<h1>Flux vidéo en direct</h1>
<img id="video" src="
http://localhost:8080/"/>
<script>
// Code JavaScript pour afficher le flux vidéo et ajouter des fonctionnalités
</script>
</body>
</html>
4. Rediriger le port
Pour que Apache2 puisse utiliser le port 8080, vous devez modifier le fichier de configuration Apache /etc/apache2/apache2.conf. Recherchez la ligne Listen 80 et ajoutez le port 8080 après :
Listen 80
Listen 8080
5. Redémarrer les services
Redémarrez Motion et Apache2 pour que les changements prennent effet :
sudo service motion restart
sudo service apache2 restart
6. Accéder à l'interface
Ouvrez votre navigateur web et tapez l'adresse IP de votre Raspberry Pi suivi du port 8080 (par exemple
http://192.168.1.100:8080). Vous devriez voir le flux vidéo de Motion s'afficher dans votre page HTML.
Ressources supplémentaires:
Documentation Motion :
https://help.usemotion.com/integrations ... 1/api-docs
Tutoriels Apache2 :
https://www.youtube.com/watch?v=1CDxpAzvLKY
Exemples de code JavaScript pour manipuler les flux vidéo :
https://www.w3schools.com/js/js_examples.asp
N'hésitez pas à me contacter si vous rencontrez des difficultés ou si vous avez besoin d'aide pour personnaliser votre interface. Bon courage avec votre projet de robot explorateur de canalisations !
