afficher les flux vidéo sur une page web servie par le Raspberry Pi

Mon objectif est maintenant de transformer le Raspberry Pi qui gère les caméras avec motion en un serveur web qui publie une page web contenant les flux vidéos. 

J’installe apache et php selon les instructions que j’avais créé précédemment dans un autre article (Un serveur Web sur mon Raspberry Pi). Les flux vidéos sont capturés puis générés par motion, installé sur le même pi (Lire un flux vidéo d’une webcam avec un Raspberry Pi) et diffusés sur les ports 8081 et 8082 du Raspberry Pi dont l’adresse fixe est 192.168.1.30.

Je crée une page var/www/html/index.php qui contient :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Nautilus</title>
<link href="A-style.css" rel="stylesheet" media="all" type="text/css"> 
</head>
<body>
<H1>Tableau de bord maison</h1>
 
<section class="streaming">
<h3>streaming caméra Galaxy Tab GT-P6210</h3>
<img name="Galaxy Tab" src="http://192.168.1.30:8082/?action=stream" width="600" height="450" alt="Live Feed" title="Galaxy Tab" />
</section>
 
<section class="streaming">
<h3>streaming caméra IP Foscam FI8905W via pi nautilus</h3>
<img src= "http://192.168.1.30:8081/?action=stream" width="640" height="480" title="Foscam FI8905W"/>
</section>
 
</body>
</html>

Nota : la tablette connectée au réseau locale ne peut pas lire l’adresse si j’utilise le hostname. Il faut donc utiliser l’adresse IP du Pi et pas son ‘hostname’.

Maintenant, si je tape http://nautilus/  dans un navigateur d’ordinateur du réseau interne, ou http://192.168.1.30  dans une tablette, je vois cette page, avec les deux flux vidéo.

Serveur web Raspberry Pi avec motion

Et Si vous voulez que cette page soit affichée en permanence sur l’écran de la tablette transformée en caméra IP, voir « Une application android pour afficher une page web d’un Raspberry Pi« . Ma tablette est maintenant prête à accrocher au mur !

6
Poster un Commentaire

avatar
  S’abonner  
plus récent plus ancien Le plus populaire
Notifier de
khales
Invité
khales

Bonjour bon boulo , moi je cherche à intégrer un flux video d’une camera ip wifi dans une page html view sous android , je suis perdu je sais pas par ou commencer.

comment on récupère le flux d’une cam wifi connecté à son routeur

Djeter
Invité
Djeter

Bonjour, J’ai mis en place un système comme le votre. Je n’ai actuellement qu’1 seule caméra, mais ce n’est que le début. 😉 Mon serveur PHP est sur un autre RPI que celui qui héberge la camera. Dans ma page php, je fais donc référence à l’IP du RPI de ma Camera. Jusque là, tout fonctionne correctement… tant qu’on reste sur le réseau local. En effet, afin de pouvoir voir ma vidéo de mon téléphone ou du PC de mon boulot, j’ai redirigé les requêtes vers le port 80 de ma box, vers mon RPI (serveur PHP). Et donc, des… Lire la suite »

DevDuino
Invité
DevDuino

je vais tester ça tout de suite! c’est génial si il suffit de taper l’IP de la raspberry dans le code html !!