Ankündigung

Einklappen
Keine Ankündigung bisher.

IP Kamera mit RTSP Stream einbinden

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    IP Kamera mit RTSP Stream einbinden

    Hallo zusammen,

    ich bin gerade dabei meine UniFi UVC G3 einzurichten.

    Ich würde diese Kameras gerne in der SmartVISU "einbinden"

    Die Kameras können jedoch nur RTSP/RTMP oder RTMPS

    Der Stream ist wie folgt aufgebaut:

    rtsp://192.168.1.50:7447/UNIQEID_0

    Mit diesem Befehl geht es leider nicht :

    Code:
    <img class="ui-corner-bottom" id="mjpgImage" src="rtsp://192.168.1.50:7447/5edfb3b8e4b076aad82d4f33_0" width="640" height="auto">
    Ich wäre für eine Hilfestellung sehr dankbar
    Gruss Oliver

    Projektleiter Technische Gebäudeausrüstung

    #2
    Ich kenne bisher keine Lösung für das Einbinden von RTSP-Streams in die SmartVISU. Eine kurze Recherche im Web zeigt, dass dazu ein Player in den Browser eingebunden werden muss. Neben speziellen js-Frameworks ist auch mehrfach vom VLC-Player die Rede.

    Im example3.graphic gibt es ein altes widget namens "Camera.html", das auf einem VLC-Browser-Plugin basiert. Getestet ist das allerdings in der V2.9 nicht mehr. Ich schlage vor, dass Du zunächst prüfst, ob der Stream vom VLC-Player richtig angezeigt wird. Wenn ja, lohnt sich die Installation des VLC-plugins im Browser und ein Versuch mit dem camera widget. Es gibt 2 Varianten:
    Code:
    /**
     * VLC with Browser-Plugin
     *
     * @param       unique id for this widget
     * @param       the url of video-file
     * @param		width of Popup
     * @param       height of popup
     */
    {% macro vlc(id, url, width, height) %}
    
    {% macro vlc_popup(id, url, width, height) %}
    Wenn's klappt, nehme ich das gerne zu den offiziellen Widgets auf.

    Gruß Wolfram

    Kommentar


      #3
      Die Beschreibung ist doch recht knapp geraten. Deshalb hier noch eine Ergänzung.
      • Kopiere die Datei "camera.html" aus /pages/example3.graphic/widgets in /pages/<DeineSeiten>/widgets.
      • importiere die Widgets in die Seite, auf der Du den Stream darstellen willst.
        Code:
        {% import "camera.html" as camera %}
      • Rufe das Widget in Deiner Seite auf mit
        Code:
        {{ camera.vlc (...) }}
      Gruß
      Wolfram
      Zuletzt geändert von wvhn; 10.06.2020, 09:51.

      Kommentar


        #4
        Hallo, mogle mich mal einfach dazwischen.

        zunächst mal habe ich ein Problem mit dem import. smartvisu sucht wohl nicht in dem widgets Verzeichnis

        Code:
        --------------------------------------------------------------------------------
        
        Error occurred in twig-template engine!
        
        error: Unable to find template "camera.html" (looked into: /var/www/html/smartvisu/apps, /var/www/html/smartvisu/pages/Heynen, /var/www/html/smartvisu/pages/smarthome, /var/www/html/smartvisu/dropins, /var/www/html/smartvisu/pages/base, /var/www/html/smartvisu/widgets).
        file: Terrasse.html
        line: 42
        
        --------------------------------------------------------------------------------
        mit: {% import "widgets/camera.html" as camera %} funktioniert es aber.

        dann finde ich aber folgenden Hinweis im Debugger:

        Code:
        <div id="Terrasse-webcam1" class="camera">
              <embed id="webcam1" type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
                width="100%"
                width="400"  height="300"         target="rtsp://192.168.178.52:554/11"
                autoplay="yes"
                loop="yes"
                mute="yes"
                toolbar="no"
                network-caching="100"
                bgcolor="#000000" alt="Fehler! VLC-Plugin nicht verfügbar: rtsp://192.168.178.52:554/11" />
        </div>
        in Firefox habe ich aber schon mehrere plugins eingefügt:
        vlc.PNG

        Kommentar


          #5
          In Microsoft Edge kommt eine saubere Meldung:

          vlc2.PNG

          Kommentar


            #6
            im Internet finde ich immer wieder Hinweise, dass die aktuellen Browser das VLC Plugin aus Sicherheitsgründen nicht mehr unterstützen

            Kommentar


              #7
              Vl doch mal hier guckn https://flashphoner.com/7-ways-to-st...p-on-the-page/
              das wrapping to html5...

              Kommentar


                #8
                Zitat von whe Beitrag anzeigen
                im Internet finde ich immer wieder Hinweise, dass die aktuellen Browser das VLC Plugin aus Sicherheitsgründen nicht mehr unterstützen
                Ja. Inzwischen habe ich mich auch so weit eingelesen. FF 52 war die letzte FF-Version, die das Plugin unterstützt hat. Sinnigerweise kann man im Installer von VLC der neuesten Version immer noch das web plugin zur Installation auswählen, aber das hat keine Auswirkungen.

                D.h. aktuell kenne ich keine Lösung für das Problem. Schade!
                Zuletzt geändert von wvhn; 10.06.2020, 20:07.

                Kommentar


                  #9
                  Zitat von Bonze Beitrag anzeigen
                  Vl doch mal hier guckn https://flashphoner.com/7-ways-to-st...p-on-the-page/
                  das wrapping to html5...
                  ja, auf diese Seite bin ich auch schon gestoßen; aber ob flash die optimale Lösung ist ?
                  hatte auch mal eine activeX Lösung getestet; bisher ohne Erfolg.

                  Kommentar


                    #10
                    Wie stehts damit ? https://github.com/Streamedian/html5_rtsp_player

                    Kommentar


                      #11
                      Ich habe in einem anderen Threat eine Anleitung geschrieben wie man das mit ffmpeg und HTML5 lösen kann

                      https://knx-user-forum.de/forum/supp...sv-integrieren

                      Gruß
                      Michael
                      Meine Installation: VM Debian Stretch SH NG 1.6, SmartVISU 2.9, KNX, DMX, 1-wire, Cisco ASA 5512X IPS, VMware vSphere 6.7

                      Kommentar


                        #12
                        Zitat von yachti Beitrag anzeigen
                        Ich habe in einem anderen Threat eine Anleitung geschrieben wie man das mit ffmpeg und HTML5 lösen kann


                        Gruß
                        Michael

                        Leider klappt das ebenfalls nicht - Immer broken Pipe
                        Gruss Oliver

                        Projektleiter Technische Gebäudeausrüstung

                        Kommentar


                          #13
                          Jetzt habe ich eine einfache Lösung gefunden, die ich in 15 Minuten umsetzen konnte ( hat auf Anhieb funktioniert ).
                          schau mal hier: https://stackoverflow.com/questions/...-an-html5-page

                          Allerdings muss da ein VLC Media Player im Hintergrund laufen.
                          Ich habe das jetzt mal testweise auf meinem Windows PC konfiguriert und der Raspi mit SmartVISU greift das da ab.

                          dann werde ich am nächsten Regentag mal versuchen den VLC Player auf dem Raspi zu implementieren.

                          Kommentar

                          Lädt...
                          X