IP Kamera mit RTSP Stream einbinden

[jonny7792]

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 :

<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

[wvhn]

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:

/**
 * 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

[wvhn]

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.

  {% import "camera.html" as camera %}

• Rufe das Widget in Deiner Seite auf mit

  {{ camera.vlc (...) }}

Gruß
Wolfram

[whe]

Hallo, mogle mich mal einfach dazwischen.

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

--------------------------------------------------------------------------------

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:

<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="[MARKIEREN]Fehler! VLC-Plugin nicht verfügbar: rtsp://192.168.178.52:554/11[/MARKIEREN]" />
</div>

in Firefox habe ich aber schon mehrere plugins eingefügt:
vlc.PNG

[whe]

In Microsoft Edge kommt eine saubere Meldung:

vlc2.PNG

[whe]

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

[Bonze]

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

[wvhn]

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!

[whe]

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.

[Bonze]

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

[yachti]

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

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

Gruß
Michael

[jonny7792]

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

[whe]

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.

[estorado]

Guten Tag,

ich weiß nicht wie aktuell das Thema noch ist, aber es würde eine Lösung geben, die allerdings mehr Ressourcen benötigt, also ein PI reicht da nicht mehr.
Der Umweg wäre über eine Drittsoftware zu realisieren.
Gleich vorweg noch als Hinweis: Es gibt kostenfreie als auch kostenpflichtige Tools zur Videoüberwachung die Stärken und Schwächen haben. Nach meiner persönlichen Recherche habe ich mich Zoneminder entschieden, weil es für mich am besten passt.

Ich habe Zoneminder auf einer VM installiert und die IP Kameras über RTSP angebunden. Nun könnte man die Kameras über den http: Stream in die SmartVisu einbinden:
https://wiki.zoneminder.com/How_to_s...r_installation

Nach kurzem Test hat das bei mir funktioniert.

Allerdings unterstützen meine China-Cams http und ich werde umstellen von rtsp zoneminder auf http smartvisu und mal testen, wie sich das mit den Ressourcenverbrauch verhält und was da günstiger ist.

Gruß

[CyruS1337]

Dann bin ich gespannt, was heute Abend herauskommt.