Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. LovelaceUI -> wie Kamerabild auf Dashboard? (gelöst)

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    2.0k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    924

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

LovelaceUI -> wie Kamerabild auf Dashboard? (gelöst)

Geplant Angeheftet Gesperrt Verschoben Visualisierung
12 Beiträge 4 Kommentatoren 759 Aufrufe 4 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • AtifanA Online
    AtifanA Online
    Atifan
    schrieb am zuletzt editiert von Atifan
    #1

    Hallo liebe Community,
    bei mir läuft IoBroker mit Lovelace UI und einem kleinen Dashboard.
    Habe es hinbekommen, dass ein Bild von meiner Kamera angezeigt wird.
    Leider aktualisiert dieses sich aber nicht von selbst, sondern nur wenn man mit F5 den Browser aktualisiert.

    Wie kann ich meine Kamera so einbinden, dass ein Video statt einem Bild angezeigt wird?
    Finde dazu keine Lösung, aber das kann doch nicht so schwer sein oder?

    a4fadd48-c054-409b-8e05-7f5e0a79a942-image.png

    Aktuell habe ich die Kamera über eine Bildübersichtkarte integriert.
    cbca27b7-86e1-4c6c-992e-7dd58ac43e78-image.png

    Anscheinend ist es ja nicht so leicht einen Videostream zu integrieren.
    Ich habe irgendwo gelesen, dass man es so machen könnte, dass man über die Bild-Karte ein Bild einbindet und dieses jede Sekunde aktualisiert, d.h. man müsste vom Videosteam irgendwie jede Sekunde ein Bild machen, irgendwo speichern und das in Lovelace UI einbinden. Wie man das umsetzen könnte weiss ich aber nicht und ob es funktioniert auch nicht.

    wendy2702W David G.D 2 Antworten Letzte Antwort
    0
    • AtifanA Atifan

      Hallo liebe Community,
      bei mir läuft IoBroker mit Lovelace UI und einem kleinen Dashboard.
      Habe es hinbekommen, dass ein Bild von meiner Kamera angezeigt wird.
      Leider aktualisiert dieses sich aber nicht von selbst, sondern nur wenn man mit F5 den Browser aktualisiert.

      Wie kann ich meine Kamera so einbinden, dass ein Video statt einem Bild angezeigt wird?
      Finde dazu keine Lösung, aber das kann doch nicht so schwer sein oder?

      a4fadd48-c054-409b-8e05-7f5e0a79a942-image.png

      Aktuell habe ich die Kamera über eine Bildübersichtkarte integriert.
      cbca27b7-86e1-4c6c-992e-7dd58ac43e78-image.png

      Anscheinend ist es ja nicht so leicht einen Videostream zu integrieren.
      Ich habe irgendwo gelesen, dass man es so machen könnte, dass man über die Bild-Karte ein Bild einbindet und dieses jede Sekunde aktualisiert, d.h. man müsste vom Videosteam irgendwie jede Sekunde ein Bild machen, irgendwo speichern und das in Lovelace UI einbinden. Wie man das umsetzen könnte weiss ich aber nicht und ob es funktioniert auch nicht.

      wendy2702W Offline
      wendy2702W Offline
      wendy2702
      schrieb am zuletzt editiert von
      #2

      @atifan die meisten Kameras haben eine Snapshot URL, da wird einem direkt ein Bild geliefert.

      Wenn du verrätst welche Kamera du hast kann man helfen.

      Bitte keine Fragen per PN, die gehören ins Forum!

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      AtifanA 1 Antwort Letzte Antwort
      0
      • wendy2702W wendy2702

        @atifan die meisten Kameras haben eine Snapshot URL, da wird einem direkt ein Bild geliefert.

        Wenn du verrätst welche Kamera du hast kann man helfen.

        AtifanA Online
        AtifanA Online
        Atifan
        schrieb am zuletzt editiert von
        #3

        @wendy2702 Hallo.
        Ich habe eine Reolink RLC-520A.

        Habe eine Snapshot Url integriert. Das Bild wird auch angezeigt, aber leider nicht automatisch aktualisiert.

        http://192.168.178.13/cgi-bin/api.cgi?cmd=Snap&channel=0&rs=952700014VWK6CKG&user=USER&password=PASSWORT&width=2560&height=1920

        1 Antwort Letzte Antwort
        0
        • MartinPM Online
          MartinPM Online
          MartinP
          schrieb am zuletzt editiert von MartinP
          #4

          @atifan Ich habe eine RLC-510A

          Reolink IP-Kameras unterstützen in der Regel RTSP (Real-Time Streaming Protocol) für Video-Streams. Die URL für den Hauptstream hat normalerweise das Format rtsp://Benutzername:Passwort@IP-Adresse:554/h264Preview_01_main und für den Substream rtsp://Benutzername:Passwort@IP-Adresse:554/h264Preview_01_sub. Bei Kameras mit H.265-Codec, wie z.B. der RLC-810A, kann der Hauptstream auch rtsp://Benutzername:Passwort@IP-Adresse:554/h265Preview_01_main lauten

          Leider unterstützen die Browser kein RTSP... firefox blockiert port 554

          Wenn es reicht, dass der Snapshot regelmäßig aktualisiert wird, kann man da auch ggfs. Lovelace UI irgendwie bewegen, regelmäßig die Seite neu zu laden....
          https://github.com/ben8p/lovelace-auto-reload-card

          Ansonsten eine ffmpeg muxer aufbauen und den rtsp stream in einen für Browser verdaulicheren stream umwandeln

          https://github.com/eroji/rtsp2mjpg

          Intel(R) Celeron(R) CPU N3000 @ 1.04GHz 8G RAM 480G SSD
          Virtualization : unprivileged lxc container (debian 12 on Proxmox 8.4.14)
          Linux pve 6.8.12-16-pve
          6 GByte RAM für den Container
          Fritzbox 6591 FW 8.03 (Vodafone Leih-Box)
          Remote-Access über Wireguard der Fritzbox

          1 Antwort Letzte Antwort
          0
          • AtifanA Atifan

            Hallo liebe Community,
            bei mir läuft IoBroker mit Lovelace UI und einem kleinen Dashboard.
            Habe es hinbekommen, dass ein Bild von meiner Kamera angezeigt wird.
            Leider aktualisiert dieses sich aber nicht von selbst, sondern nur wenn man mit F5 den Browser aktualisiert.

            Wie kann ich meine Kamera so einbinden, dass ein Video statt einem Bild angezeigt wird?
            Finde dazu keine Lösung, aber das kann doch nicht so schwer sein oder?

            a4fadd48-c054-409b-8e05-7f5e0a79a942-image.png

            Aktuell habe ich die Kamera über eine Bildübersichtkarte integriert.
            cbca27b7-86e1-4c6c-992e-7dd58ac43e78-image.png

            Anscheinend ist es ja nicht so leicht einen Videostream zu integrieren.
            Ich habe irgendwo gelesen, dass man es so machen könnte, dass man über die Bild-Karte ein Bild einbindet und dieses jede Sekunde aktualisiert, d.h. man müsste vom Videosteam irgendwie jede Sekunde ein Bild machen, irgendwo speichern und das in Lovelace UI einbinden. Wie man das umsetzen könnte weiss ich aber nicht und ob es funktioniert auch nicht.

            David G.D Online
            David G.D Online
            David G.
            schrieb am zuletzt editiert von David G.
            #5

            @atifan

            Du kannst dir Snapshot URL in einen DP schreiben. Diesem in den Settings als Kamera Entity definieren und dann über die Bildüberbkickkarte Karte darstellen.
            Screenshot_20250710_203601_Fully Kiosk Browser.jpg
            Aktualisiert sich dann alle 10 Sek.
            So hatte ich es früher.

            Wie ich es mache:
            Go2rtc installieren und den Livestream als iframe einbinden.

            Zeigt eure Lovelace-Visualisierung klick
            (Auch ideal um sich Anregungen zu holen)

            Meine Tabellen für eure Visualisierung klick

            AtifanA 1 Antwort Letzte Antwort
            0
            • David G.D David G.

              @atifan

              Du kannst dir Snapshot URL in einen DP schreiben. Diesem in den Settings als Kamera Entity definieren und dann über die Bildüberbkickkarte Karte darstellen.
              Screenshot_20250710_203601_Fully Kiosk Browser.jpg
              Aktualisiert sich dann alle 10 Sek.
              So hatte ich es früher.

              Wie ich es mache:
              Go2rtc installieren und den Livestream als iframe einbinden.

              AtifanA Online
              AtifanA Online
              Atifan
              schrieb am zuletzt editiert von
              #6

              @david-g genauso hab ich es gemacht, aber funktioniert nicht.

              d155b9a0-ee55-4ea3-9a4b-d7752b072166-image.png

              c8b5de3e-c95b-4269-b30b-836a4765cc16-image.png

              2681250f-38f9-481c-8cba-7d24d73e6f4f-image.png

              06c40de6-6d79-475c-a881-d9be07ee5daf-image.png

              David G.D 1 Antwort Letzte Antwort
              0
              • AtifanA Atifan

                @david-g genauso hab ich es gemacht, aber funktioniert nicht.

                d155b9a0-ee55-4ea3-9a4b-d7752b072166-image.png

                c8b5de3e-c95b-4269-b30b-836a4765cc16-image.png

                2681250f-38f9-481c-8cba-7d24d73e6f4f-image.png

                06c40de6-6d79-475c-a881-d9be07ee5daf-image.png

                David G.D Online
                David G.D Online
                David G.
                schrieb am zuletzt editiert von
                #7

                @atifan

                Bei mir hat er grad beim test das Bild nicht geladen. Nach einem neuladen der Seite hat es dann geklappt.

                Zeigt eure Lovelace-Visualisierung klick
                (Auch ideal um sich Anregungen zu holen)

                Meine Tabellen für eure Visualisierung klick

                AtifanA 1 Antwort Letzte Antwort
                0
                • David G.D David G.

                  @atifan

                  Bei mir hat er grad beim test das Bild nicht geladen. Nach einem neuladen der Seite hat es dann geklappt.

                  AtifanA Online
                  AtifanA Online
                  Atifan
                  schrieb am zuletzt editiert von
                  #8

                  @david-g Versuche es über go2rtc, bin das gerade am installieren.

                  AtifanA 1 Antwort Letzte Antwort
                  0
                  • AtifanA Atifan

                    @david-g Versuche es über go2rtc, bin das gerade am installieren.

                    AtifanA Online
                    AtifanA Online
                    Atifan
                    schrieb am zuletzt editiert von
                    #9

                    SO habe es endlich hinbekommen, mit go2rtc.
                    Vielen Dank an alle!
                    Vorallem an @David-G für den Tipp mit go2rtc.

                    MartinPM 1 Antwort Letzte Antwort
                    1
                    • AtifanA Atifan

                      SO habe es endlich hinbekommen, mit go2rtc.
                      Vielen Dank an alle!
                      Vorallem an @David-G für den Tipp mit go2rtc.

                      MartinPM Online
                      MartinPM Online
                      MartinP
                      schrieb am zuletzt editiert von
                      #10

                      @atifan Hast Du eine "durchgehende" Anleitung genutzt, die Du noch verlinken könntest, oder die Infos aus verschiedenen Quellen zusammengeklaubt?

                      Könntest Du Links posten?

                      Und zum Schluss: Bitte im Thread Titel als Gelöst kennzeichnen.

                      Intel(R) Celeron(R) CPU N3000 @ 1.04GHz 8G RAM 480G SSD
                      Virtualization : unprivileged lxc container (debian 12 on Proxmox 8.4.14)
                      Linux pve 6.8.12-16-pve
                      6 GByte RAM für den Container
                      Fritzbox 6591 FW 8.03 (Vodafone Leih-Box)
                      Remote-Access über Wireguard der Fritzbox

                      AtifanA David G.D 2 Antworten Letzte Antwort
                      0
                      • MartinPM MartinP

                        @atifan Hast Du eine "durchgehende" Anleitung genutzt, die Du noch verlinken könntest, oder die Infos aus verschiedenen Quellen zusammengeklaubt?

                        Könntest Du Links posten?

                        Und zum Schluss: Bitte im Thread Titel als Gelöst kennzeichnen.

                        AtifanA Online
                        AtifanA Online
                        Atifan
                        schrieb am zuletzt editiert von
                        #11

                        @martinp Hi.
                        Also ich habe go2rtc über ein Proxmox Helper Script installiert, nach Anleitung von diesem Youtube Video: https://www.youtube.com/watch?v=CeD6V9-6ot4
                        Danach habe ich den RTSP-Stream einfach in go2rtx eingefügt, und konnte dann die Stream-URL die funktioniert kopieren.
                        Diese Stream URL habe ich dann im IoBroker in einem Datenpunkt hinterlegt und den Datenpunkt über das Zahnrädchen als Lovelace Endität Kamera eingerichtet.

                        1 Antwort Letzte Antwort
                        0
                        • MartinPM MartinP

                          @atifan Hast Du eine "durchgehende" Anleitung genutzt, die Du noch verlinken könntest, oder die Infos aus verschiedenen Quellen zusammengeklaubt?

                          Könntest Du Links posten?

                          Und zum Schluss: Bitte im Thread Titel als Gelöst kennzeichnen.

                          David G.D Online
                          David G.D Online
                          David G.
                          schrieb am zuletzt editiert von David G.
                          #12

                          @martinp

                          Eigentlich muss man nur das Programm rubterladen, ausführbar machen und ein Systemd Service anlegen.

                          Hatte es auch erst über die helper scripts installiert, dann aber nochmal selber neu aufgesetzt, da weiß man was man hat.

                          Danach habe ich es gemacht:

                          Um go2rtc auf einem Debian-System zu installieren, kannst du die folgenden Schritte durchführen. go2rtc ist ein schlanker RTSP-Proxy und Stream-Konverter, der z. B. in Home Assistant sehr beliebt ist.
                          
                          
                          ---
                          
                          🔧 Installation von go2rtc unter Debian
                          
                          ✅ 1. Voraussetzungen
                          
                          Ein Debian-basiertes System (z. B. Debian, Ubuntu, Raspberry Pi OS)
                          
                          Zugriff auf ein Terminal mit root- oder sudo-Rechten
                          
                          wget oder curl installiert (ggf. mit sudo apt install wget)
                          
                          
                          
                          ---
                          
                          📥 2. Download der aktuellen Version
                          
                          cd /opt
                          sudo wget https://github.com/AlexxIT/go2rtc/releases/latest/download/go2rtc_linux_amd64 -O go2rtc
                          sudo chmod +x go2rtc
                          
                          > Hinweis: Ersetze go2rtc_linux_amd64 ggf. durch:
                          
                          go2rtc_linux_arm für 32bit ARM (z. B. Raspberry Pi Zero)
                          
                          go2rtc_linux_arm64 für 64bit ARM (z. B. Raspberry Pi 4/5 mit 64bit OS)
                          
                          
                          
                          
                          
                          ---
                          
                          ▶️ 3. Testweise starten
                          
                          ./go2rtc
                          
                          Danach kannst du die Web-Oberfläche über http://<IP>:1984 aufrufen.
                          
                          
                          ---
                          
                          ⚙️ 4. (Optional) Systemd-Service einrichten
                          
                          Erstelle eine systemd-Service-Datei:
                          
                          sudo nano /etc/systemd/system/go2rtc.service
                          
                          Inhalt:
                          
                          [Unit]
                          Description=go2rtc service
                          After=network.target
                          
                          [Service]
                          ExecStart=/opt/go2rtc
                          Restart=always
                          User=root
                          WorkingDirectory=/opt
                          
                          [Install]
                          WantedBy=multi-user.target
                          
                          Dann aktivieren und starten:
                          
                          sudo systemctl daemon-reexec
                          sudo systemctl daemon-reload
                          sudo systemctl enable go2rtc
                          sudo systemctl start go2rtc
                          
                          

                          Edit
                          Hab mir aicu einen kleinen Einzeiler zum aktualisieren geschrieben

                          sudo systemctl stop go2rtc.service && echo "Service gestoppt" && wget -O /opt/go2rtc/go2rtc_linux_amd64 https://github.com/AlexxIT/go2rtc/releases/latest/download/go2rtc_linux_amd64 && chmod +x /opt/go2rtc/go2rtc_linux_amd64 && sudo systemctl start go2rtc.service && echo "Service gestartet"
                          

                          Hane es nach /opt/go2rtc/ installiert.

                          Zeigt eure Lovelace-Visualisierung klick
                          (Auch ideal um sich Anregungen zu holen)

                          Meine Tabellen für eure Visualisierung klick

                          1 Antwort Letzte Antwort
                          0
                          Antworten
                          • In einem neuen Thema antworten
                          Anmelden zum Antworten
                          • Älteste zuerst
                          • Neuste zuerst
                          • Meiste Stimmen


                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          702

                          Online

                          32.6k

                          Benutzer

                          82.2k

                          Themen

                          1.3m

                          Beiträge
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                          ioBroker Community 2014-2025
                          logo
                          • Anmelden

                          • Du hast noch kein Konto? Registrieren

                          • Anmelden oder registrieren, um zu suchen
                          • Erster Beitrag
                            Letzter Beitrag
                          0
                          • Home
                          • Aktuell
                          • Tags
                          • Ungelesen 0
                          • Kategorien
                          • Unreplied
                          • Beliebt
                          • GitHub
                          • Docu
                          • Hilfe