Insertion dans une page web d'un flux vidéo issu d'une caméra IP

Bonjour, le sujet semble avoir été traité plusieurs fois, mais il y a longtemps et les choses ont pas mal bougées. (renforcement sécurité, disparation d’Abode flash player,…)

Du coup tout ce que j’ai essayé à échoué!

J’ai une caméra IP h264 (donc mp4 je suppose) dont je voudrais afficher la vidéo dans une page web.

Premier point depuis le navigateur web Pale moon (Chrome ou Edge je peux me connecter mais le plugin n’est pas pris en compte surement Adob Flash player…) j’arrive bien à accéder à mon flux vidéo.

Pour ce faire je tape l’adresse ip locale de la caméra?: 192. 168.1 .2 puis une page s’affiche et me demande l’utilisateur et le mot de passe?: User?: admin, pas de mot de passe. Une fois logé la vidéo s’affiche.

Je voudrais donc faire la même chose sur une page web de mon serveur!

J’ai essayé ce code (partie correspondant à l’essai d’affichage):

                                     <section class="streaming">
 
<img src= "http://admin:|@192.168.1.2/?action=stream" width="640" height="480" title="Rucher "/>
</section>

Bien entendu rien ne s’affiche(ni depuis Pale Moon ni Google mais en regardant du côté de Google j’ai ce message?: https://www.chromestatus.com/feature/5669008342777856

j’ai du coup essayé sans le admin:|@ mais cela ne fonctionne pas non plus.

j’ai essayé pleins d’autres méthodes mais sans aucun succès c’est pour cela que je me tourne vers vous! Mes recherches (Google) m’ont donné pleins de pistes mais les post étaient plutôt ancien et je n’ai pas réussi à les faire fonctionner…
Si quelqu’un a la solution?
Merci
PS: voici une copie d'écran de ce google en console de développement me raconte sur l'essai sans le admin:|@...



Merci
Modifié par mgnthe54 (30 May 2022 - 14:24)

Salut,

Je trouve bizarre qu'il dise que l'adresse de l'initiateur est public , du coup je ne suis pas sur de tout comprendre : Je voudrais donc faire la même chose sur une page web de mon serveur!
C'est un serveur local ou pas ? Et tu y accèdes aussi depuis un poste sur le réseau local ou pas ?

Après à lire le message, a priori il faut que tu mettes un certificat pour pouvoir accéder à ta page en https (et sans doute que tu accèdes à ta caméra en https aussi pour éviter le mixed content), mais sans certitude

Alors pour essayer d'être plus clair (cela le parait toujours lorsqu'on écrit vu qu'on baigne dedans...)
J'ai une caméra IP sur mon réseau branchée en Ethernet (adresse IP locale 192.168.1.2) qui actuellement envoi son flux vidéo sur un enregistreur numérique (NVR) .
(Je précise que j'ai essayé avec une autre caméra identique sans être enregistrée par le NVR c'est le même problème.)
Je suis en train d'essayer de faire un site web sur un Raspberry (branché sur le même réseau).
celui-ci a déjà quelques pages qui fonctionnent entre autre l'affichage des données issues de mes ruches (fournies par des Arduino Mega) stockées dans une base de données sous MariaDB. Apach est le serveur du rasbperry.

Je souhaite donc programmer sur mon Raspberry une page qui me permette de diffuser cette caméra (qui surveille mes ruches).
L'objectif étant de pouvoir visionner cette page (et donc caméra) depuis n'importe où : aussi bien en local qu'à distance via n'importe quel navigateur (Android, Google Chrome, Edge, Safari,...).

Merci
PS: j'ai essayé de visualiser le flux vidéo avec VLC sans succès non plus comme ceci :
rtsp://admin:@192.168.1.2 ou rtsp://@192.168.1.2 puis VLC me demande d’entrer l’utilisateur (admin) et le mot de passe (rien) mais dans tous les cas je n’ai pas de vidéo qui s’affiche, j’ai essayé avec le rajout de :554 (:80 ou :88 me met un message d’erreur) J’ai même essayé avec une caméra onvif (zoom et rotation) je n’arrive pas à lire depuis vlc…

Je ne sais pas à quel point c'est proche ou pas, mais dans l'idée j'ai l'impression que cela se rapproche des caméras des stations de ski ou des plages.

Et du coup tu as essayé de mettre un certificat sur ton raspberry pour avoir toute la chaine en https ?

Si c'est un flux vidéo cela ne devrait pas être une balise video plutôt que img ?


En cherchant sur le net je trouve pas grand chose de concluant pour que cela fonctionne directement
J'ai l'impression que cette réponse : https://stackoverflow.com/questions/1735933/streaming-via-rtsp-or-rtp-in-html5#answer-39697546 semble la plus réaliste

Bonjour j'avance lentement, mais quand même j'ai réussi à visualiser le flux vidéo avec VLC en demandant ceci :
rtsp://192.168.1.2:/ch0_0.264
Bon maintenant cela serait mieux si je pouvais l'afficher dans une page web!
Merci

Bonjour,

pas de réponse, mais sur le fond , si tu veut intégrer un flux video d'une webcam perso sur internet, il faut qu'elle soit sorte de ton réseau local en passant par ta boxe. Pour cela il faut au préalable la connecter à la boxe, pour pouvoir ensuite accéder à ta boxe (son IP) depuis internet et enfin accéder à ta webcam via ta boxe sur le port dédié à la webcam. Juste de la théorie mais pour te dire de laisser tomber le 192.168.... si tu veut y accéder autrement qu'en local. En gros il faut que ta boxe devienne un serveur.

Chaque webcam et chaque boxe auront leur drivers et spécificités. Peut-être que ton fabricant a des infos sur ta webcam pour ce type d'usage, idem pour la boxe.

Cordialement
Modifié par gcyrillus (03 Jun 2022 - 21:19)

Le problème a été résolu (pas par moi!) en récupérant le flux rtsp

rtsp://192.168.1.2/ch0_0.264 qui fonctionne sur VLC.

Faut transformer le Pi en serveur vidéo http

Pour ça, faut installer motion et motioneye
Dans l'interface de motioneye, il suffit de déclarer la caméra avec son url de flux vidéo (rtsp://192.168.1.88/ch0_0.264)
Surtout indiqué de ne rien enregistrer sur la carte sd (par défaut, motioneye et motion enregistrent tout !)

Aller dans la partie 'url vidéo' de motioneye, il te dit quelle url il fournit pour la vidéo

Chez moi, mon Pi de test se nomme "piwifi"
et la caméra est en 88

Donc dans motioneye, j'ai déclaré la caméra ip avec l'url rtsp://192.168.1.88/ch0_0.264

Et motioneye me donne en url de flux vidéo : http://piwifi:9081
(motioneye fait tampon entre la cam et toi)
Alors, il y a un retard : ce qui se passe en vrai sur la cam, tu le vois en vrai 5 secondes plus tard facile, voir 10

Mais ça fonctionne

Voilà si dès fois cela peut aider quelqu'un d'autre!