Salut passionnés de la framboise,
Comment rediriger le flux vidéo de Motion sur Raspberry Pi vers une page HTML via Apache2 pour créer une interface modifiable?
Je suis à la recherche d'un guide à jour ou d'une assistance pour intégrer le flux dans mon projet de robot explorateur de canalisation.
Merci pour votre attention et pardonnez les éventuelles fautes d'orthographe.
How redirect Motion video stream?
Modérateur : Francois
-
AnuragTangra
- Messages : 2
- Enregistré le : sam. 30 déc. 2023 12:46
Re: How redirect Motion video stream?
Bonjour,
Pas sur de comprendre la question mais motion expose une url de streaming vidéo par caméra.
Vous pourriez voir si vous pouvez les intégrer dans des iframe par exemple.
Je ne connais pas votre objectif final, mais motioneye pourrait vous intéresser.
Il offre une interface intuitive multi caméra avec visualisation pour simple utilisateur et une autre pour administrateur
Pas sur de comprendre la question mais motion expose une url de streaming vidéo par caméra.
Vous pourriez voir si vous pouvez les intégrer dans des iframe par exemple.
Je ne connais pas votre objectif final, mais motioneye pourrait vous intéresser.
Il offre une interface intuitive multi caméra avec visualisation pour simple utilisateur et une autre pour administrateur
3 Pi4 : Emby / Samba , Librelec, Android TV
3 Pi3 : Hifiberry /OSMC, Games station, Samba / VPN / HotSpot Wifi
2 Pi2 : RFID, radio reveil (PiReveil)
1 Pi0 : traker GPS et acquisitions
1 Pi0 2W : tests divers
5 Arduinos dont 4 nanos et 1 Mega
1 ESP32
3 Pi3 : Hifiberry /OSMC, Games station, Samba / VPN / HotSpot Wifi
2 Pi2 : RFID, radio reveil (PiReveil)
1 Pi0 : traker GPS et acquisitions
1 Pi0 2W : tests divers
5 Arduinos dont 4 nanos et 1 Mega
1 ESP32
-
HoumirKinkar
- Messages : 5
- Enregistré le : mer. 1 nov. 2023 12:04
Re: How redirect Motion video stream?
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 !
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 !