Partage
  • Partager sur Facebook
  • Partager sur Twitter

Comment intégrer un flux vidéo dans une page web

Comment sur une page html de mon serveur Raspberry afficher ma caméra

Sujet résolu
    28 mai 2022 à 14:30:33

    Bonjour, j'ai fais (quelques recherches enfin pas mal mais sans grand succès) sur la possibilité d'afficher le flux vidéo d'une caméra sur une de mes pages web de mon serveur tournant sur un raspberry.

    En effet je voudrais qu'une de mes pages html puiss afficher le flux vidéo en direct d'une caméra IP.

    Premier point depuis le navigateur web Pale moon (Chrome ou Edge je peux me connecter mais le pug in 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 loge 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):

    										<h1> <center> Mes deux ruchers</center></h1>
    										
    										<h3> streaming caméra</h3>
    										
    										
    										
    										
    										<section class="streaming">
    
    <img src= "http://admin:|@192.168.1.2/?action=stream" width="640" height="480" title="Rucher Pont-à-Mousson"/>
    </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

    qui semble indiqué que l'on ne peut plus passer les login et mot de passe dans l'adresse.(si j'ai bien compris)

    du coup si j'enlève admin:|@ pour ne laisser que <img src= "http://192.168.1.2/?action=stream" width="640" height="480" title="Rucher Pont-à-Mousson"/>

    cela ne fonctionne pas mieux c'était prévisible puisque pas identifié! Et j'obtiens ce message d'erreur sur la console de développement :

    Si donc quelqu'un peut m'éclairer sur le chemin pour me permettre d'afficher le flux vidéo de cette adresse IP...

    Merci

    • Partager sur Facebook
    • Partager sur Twitter
      30 mai 2022 à 10:09:33

      Bonjour,

      Je ne sais pas trop comment traiter ce sujet ... Mais je pense qu'il s'agit plus d'une question réseau ...

      Dans tous les cas, le plugin Flash est déprécié depuis un bon moment et tous les navigateurs à jour ne le traitent plus.

      Déplacement vers un forum plus approprié

      Le sujet est déplacé de la section Discussions développement vers la section Vos réseaux

      • Partager sur Facebook
      • Partager sur Twitter
      Seul on va plus vite, ensemble on va plus loin ... A maîtriser : Conception BDD, MySQL, PHP/MySQL
        30 mai 2022 à 10:33:56

        Ok merci

        Comme je te l'avais indiqué je ne savais pas trop dans quel forum poster.

        En tout cas je n'aurais pensé réseaux, mais j'avais hésité avec HTML/CSS bien qu'il faille peut-être un autre langage pour réussir à résoudre le problème... Ou pas!

        J'ai vu que certains sites parlaient qu'il fallait passer en https au lieu de http du coup certificat ssl payant,....

        Plutôt bizarre!

        Merci

        • Partager sur Facebook
        • Partager sur Twitter
          14 juin 2022 à 10:49:30

          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!
          • Partager sur Facebook
          • Partager sur Twitter

          Comment intégrer un flux vidéo dans une page web

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur
          • Markdown