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. RTSP Stream in VIS anzeigen

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

RTSP Stream in VIS anzeigen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
30 Beiträge 12 Kommentatoren 10.1k Aufrufe 11 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.
  • B biker1602

    @skokarl said in RTSP Stream in VIS anzeigen:

    @smart-thomas

    Nimm einfach das Bild ( Snapshot ) von der Surveillance Station und aktualisiere es z.B. jede Sekunde, das reicht völlig

    Gruß Bernd

    Erkläre mir mal bitte wie du das machst mit Synology (Snapshot) und welches Widget du bei dem VIS nimmst.
    Danke

    BananaJoeB Offline
    BananaJoeB Offline
    BananaJoe
    Most Active
    schrieb am zuletzt editiert von BananaJoe
    #18

    @biker1602

    Es geht mit dem basic - Image Widget,
    als Quelle gibst du die URL zum Kamerabild ein. Ich habe zwar auch eine Videoüberwachungaufzeichnungsdingens, das Bild hole ich mir aber direkt von der Kamera. Also als Link für meine Reolink z.B.

    http://192.168.1.215/cgi-bin/api.cgi?cmd=Snap&channel=0&rs=wuuPhkmUCeI9WG7C&user=admin&password=geheim
    

    Wie der Link für deine Kamera ist musst du raussuchen.
    Das Widget hat eine Option Updatezeit, da kannst du dann 1 Sekunde einstellen.
    Bei mir habe ich da einen Datenpunkt reingesetzt:
    23415a37-fcb4-4c3c-92d0-200c6b574ef9-image.png
    Also in der {0_userdata.0.Visualisierung.video_surveillance.Refresh_Main} Schreibweise.
    So kann ich den Refresh dynamisch steuern. Ist die View nicht zu sehen stehen da 60 Sekunden drin, ist diese Sichtbar geht der Wert auf 1 Sekunde. Ob der Aufwand wirklich nötig ist weis ich nicht.

    Da ich so mehrere Kameras ansteuere ist die Quelle auch so ein Datenpunkt. Per Widget wird dieser mit den anderen Kameraquellen überschrieben:
    ce4baa17-288f-4e98-9933-7cdf17952322-image.png
    Als Buttons nehme ich jqui - ctrl - Icon State, Objekt-ID ist der Datenpunkt mit dem Kameralink, Wert der neue Kameralink, Quelle ist ebenfalls der neue Kameralink um eine Vorschau zu erhalten (die sich aber nur beim Aufruf der View aktualisiert, danach nicht mehr)

    ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

    K I 2 Antworten Letzte Antwort
    2
    • BananaJoeB BananaJoe

      @biker1602

      Es geht mit dem basic - Image Widget,
      als Quelle gibst du die URL zum Kamerabild ein. Ich habe zwar auch eine Videoüberwachungaufzeichnungsdingens, das Bild hole ich mir aber direkt von der Kamera. Also als Link für meine Reolink z.B.

      http://192.168.1.215/cgi-bin/api.cgi?cmd=Snap&channel=0&rs=wuuPhkmUCeI9WG7C&user=admin&password=geheim
      

      Wie der Link für deine Kamera ist musst du raussuchen.
      Das Widget hat eine Option Updatezeit, da kannst du dann 1 Sekunde einstellen.
      Bei mir habe ich da einen Datenpunkt reingesetzt:
      23415a37-fcb4-4c3c-92d0-200c6b574ef9-image.png
      Also in der {0_userdata.0.Visualisierung.video_surveillance.Refresh_Main} Schreibweise.
      So kann ich den Refresh dynamisch steuern. Ist die View nicht zu sehen stehen da 60 Sekunden drin, ist diese Sichtbar geht der Wert auf 1 Sekunde. Ob der Aufwand wirklich nötig ist weis ich nicht.

      Da ich so mehrere Kameras ansteuere ist die Quelle auch so ein Datenpunkt. Per Widget wird dieser mit den anderen Kameraquellen überschrieben:
      ce4baa17-288f-4e98-9933-7cdf17952322-image.png
      Als Buttons nehme ich jqui - ctrl - Icon State, Objekt-ID ist der Datenpunkt mit dem Kameralink, Wert der neue Kameralink, Quelle ist ebenfalls der neue Kameralink um eine Vorschau zu erhalten (die sich aber nur beim Aufruf der View aktualisiert, danach nicht mehr)

      K Offline
      K Offline
      kte
      schrieb am zuletzt editiert von
      #19

      @bananajoe
      ich bin immer mal wieder zu dem Thema am recherchieren und habe nun Deinen sehr hilfreichen Beitrag gefunden.
      Vielen Dank für Deine Erklärung dafür. Ich habe das mit meiner Annke Kamera auch in die Vis bekommen.

      Falls sich jemand fragt, mein Link für die Annke Kamera, nach langer Suche, lautet: http://IP-Adresse/ISAPI/Streaming/channels/101/picture oder ggf. mit Authentifizierung
      http://admin:passwort@IP-Adresse/ISAPI/Streaming/channels/101/picture

      Zu meiner Frage:
      Auf was für einem Endgerät läuft das bei Dir?
      Wenn ich die VIS an meinem Rechner öffne, ist alles problemlos, wenn ich diese aber in meinem Fully am Tablet starte, habe ich keine Bilder von der Kamera.

      Ist das eine Fully-Einstellung oder hab ich etwas anderes nicht bedacht?

      BananaJoeB jolicJ 2 Antworten Letzte Antwort
      0
      • K kte

        @bananajoe
        ich bin immer mal wieder zu dem Thema am recherchieren und habe nun Deinen sehr hilfreichen Beitrag gefunden.
        Vielen Dank für Deine Erklärung dafür. Ich habe das mit meiner Annke Kamera auch in die Vis bekommen.

        Falls sich jemand fragt, mein Link für die Annke Kamera, nach langer Suche, lautet: http://IP-Adresse/ISAPI/Streaming/channels/101/picture oder ggf. mit Authentifizierung
        http://admin:passwort@IP-Adresse/ISAPI/Streaming/channels/101/picture

        Zu meiner Frage:
        Auf was für einem Endgerät läuft das bei Dir?
        Wenn ich die VIS an meinem Rechner öffne, ist alles problemlos, wenn ich diese aber in meinem Fully am Tablet starte, habe ich keine Bilder von der Kamera.

        Ist das eine Fully-Einstellung oder hab ich etwas anderes nicht bedacht?

        BananaJoeB Offline
        BananaJoeB Offline
        BananaJoe
        Most Active
        schrieb am zuletzt editiert von BananaJoe
        #20

        @kte sagte in RTSP Stream in VIS anzeigen:

        Zu meiner Frage:
        Auf was für einem Endgerät läuft das bei Dir?
        Wenn ich die VIS an meinem Rechner öffne, ist alles problemlos, wenn ich diese aber in meinem Fully am Tablet starte, habe ich keine Bilder von der Kamera.
        Ist das eine Fully-Einstellung oder hab ich etwas anderes nicht bedacht?

        Auf einem Lenovo und 3 Fire-Tablets unterschiedlichen Alters
        Kannst du den Link zu Kamera denn auch direkt auf dem Tablet aufrufen / ggf. im Fully oder einem anderen Browser?
        Was ist mit Anmeldung an der Kamera?

        ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

        1 Antwort Letzte Antwort
        0
        • BananaJoeB BananaJoe

          @biker1602

          Es geht mit dem basic - Image Widget,
          als Quelle gibst du die URL zum Kamerabild ein. Ich habe zwar auch eine Videoüberwachungaufzeichnungsdingens, das Bild hole ich mir aber direkt von der Kamera. Also als Link für meine Reolink z.B.

          http://192.168.1.215/cgi-bin/api.cgi?cmd=Snap&channel=0&rs=wuuPhkmUCeI9WG7C&user=admin&password=geheim
          

          Wie der Link für deine Kamera ist musst du raussuchen.
          Das Widget hat eine Option Updatezeit, da kannst du dann 1 Sekunde einstellen.
          Bei mir habe ich da einen Datenpunkt reingesetzt:
          23415a37-fcb4-4c3c-92d0-200c6b574ef9-image.png
          Also in der {0_userdata.0.Visualisierung.video_surveillance.Refresh_Main} Schreibweise.
          So kann ich den Refresh dynamisch steuern. Ist die View nicht zu sehen stehen da 60 Sekunden drin, ist diese Sichtbar geht der Wert auf 1 Sekunde. Ob der Aufwand wirklich nötig ist weis ich nicht.

          Da ich so mehrere Kameras ansteuere ist die Quelle auch so ein Datenpunkt. Per Widget wird dieser mit den anderen Kameraquellen überschrieben:
          ce4baa17-288f-4e98-9933-7cdf17952322-image.png
          Als Buttons nehme ich jqui - ctrl - Icon State, Objekt-ID ist der Datenpunkt mit dem Kameralink, Wert der neue Kameralink, Quelle ist ebenfalls der neue Kameralink um eine Vorschau zu erhalten (die sich aber nur beim Aufruf der View aktualisiert, danach nicht mehr)

          I Offline
          I Offline
          iobroker2001
          schrieb am zuletzt editiert von iobroker2001
          #21

          @bananajoe Habe ebenfalls meine Reolink-Kamera versucht, mit dem Basic Image in der VIS2 anzuzeigen.

          Quasi identischer URL wie bei Dir. 1 Bild wird auch sofort angezeigt, aber der Refresh klappt nicht.
          Habe dafür z. B. 5000 (ms) eingegeben, Bild bleibt statisch. Erst bei Browserrefresh F5 wird 1 neues Bild geholt.
          Irgendeine Idee?ksnip_20241213-172243.png

          BananaJoeB jolicJ 2 Antworten Letzte Antwort
          0
          • I iobroker2001

            @bananajoe Habe ebenfalls meine Reolink-Kamera versucht, mit dem Basic Image in der VIS2 anzuzeigen.

            Quasi identischer URL wie bei Dir. 1 Bild wird auch sofort angezeigt, aber der Refresh klappt nicht.
            Habe dafür z. B. 5000 (ms) eingegeben, Bild bleibt statisch. Erst bei Browserrefresh F5 wird 1 neues Bild geholt.
            Irgendeine Idee?ksnip_20241213-172243.png

            BananaJoeB Offline
            BananaJoeB Offline
            BananaJoe
            Most Active
            schrieb am zuletzt editiert von BananaJoe
            #22

            @iobroker2001 ich habe das zwar in VIS1:
            28985d2a-ae07-4cf2-9de7-8bc92cca4205-image.png
            aber sieht ja identisch aus.

            Ich habe keinen Haken bei "addiere nichts zu URL" ...
            Ich nutze das Livebild bei diversen Views als Hintergrundbild, dann aber nur alle 60 Sekunden

            ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

            I 1 Antwort Letzte Antwort
            0
            • BananaJoeB BananaJoe

              @iobroker2001 ich habe das zwar in VIS1:
              28985d2a-ae07-4cf2-9de7-8bc92cca4205-image.png
              aber sieht ja identisch aus.

              Ich habe keinen Haken bei "addiere nichts zu URL" ...
              Ich nutze das Livebild bei diversen Views als Hintergrundbild, dann aber nur alle 60 Sekunden

              I Offline
              I Offline
              iobroker2001
              schrieb am zuletzt editiert von iobroker2001
              #23

              @bananajoe sagte in RTSP Stream in VIS anzeigen:

              ch habe keinen Haken bei "addiere nichts zu URL" ...

              Der Haken hat auch keinen Einfluss...

              Ich hatte schon den Zusatz "&rs=c" im Verdacht, da Reolink als Parameter wohl gerne einen wechselnden (beliebigen) Wert haben wollen (meine ich irgendwo gelesen zu haben), aber das funktioniert in einem einfach Browser wie Firefox auch, ohne den Wert bei jedem Auffrischen zu wechseln.

              BananaJoeB 1 Antwort Letzte Antwort
              0
              • I iobroker2001

                @bananajoe Habe ebenfalls meine Reolink-Kamera versucht, mit dem Basic Image in der VIS2 anzuzeigen.

                Quasi identischer URL wie bei Dir. 1 Bild wird auch sofort angezeigt, aber der Refresh klappt nicht.
                Habe dafür z. B. 5000 (ms) eingegeben, Bild bleibt statisch. Erst bei Browserrefresh F5 wird 1 neues Bild geholt.
                Irgendeine Idee?ksnip_20241213-172243.png

                jolicJ Online
                jolicJ Online
                jolic
                schrieb am zuletzt editiert von
                #24

                @iobroker2001 said in RTSP Stream in VIS anzeigen:

                Habe ebenfalls meine Reolink-Kamera versucht, mit dem Basic Image in der VIS2 anzuzeigen.

                Die aktuelle stabile Version der VIS-2 (2.9.64) scheint einen Bug zu enthalten. Bitte nutze entweder die ältere VIS oder wende den folgenden Workaround an: Link

                I 1 Antwort Letzte Antwort
                1
                • jolicJ jolic

                  @iobroker2001 said in RTSP Stream in VIS anzeigen:

                  Habe ebenfalls meine Reolink-Kamera versucht, mit dem Basic Image in der VIS2 anzuzeigen.

                  Die aktuelle stabile Version der VIS-2 (2.9.64) scheint einen Bug zu enthalten. Bitte nutze entweder die ältere VIS oder wende den folgenden Workaround an: Link

                  I Offline
                  I Offline
                  iobroker2001
                  schrieb am zuletzt editiert von
                  #25

                  @jolic Vielen lieben Dank!!!

                  1 Antwort Letzte Antwort
                  1
                  • K kte

                    @bananajoe
                    ich bin immer mal wieder zu dem Thema am recherchieren und habe nun Deinen sehr hilfreichen Beitrag gefunden.
                    Vielen Dank für Deine Erklärung dafür. Ich habe das mit meiner Annke Kamera auch in die Vis bekommen.

                    Falls sich jemand fragt, mein Link für die Annke Kamera, nach langer Suche, lautet: http://IP-Adresse/ISAPI/Streaming/channels/101/picture oder ggf. mit Authentifizierung
                    http://admin:passwort@IP-Adresse/ISAPI/Streaming/channels/101/picture

                    Zu meiner Frage:
                    Auf was für einem Endgerät läuft das bei Dir?
                    Wenn ich die VIS an meinem Rechner öffne, ist alles problemlos, wenn ich diese aber in meinem Fully am Tablet starte, habe ich keine Bilder von der Kamera.

                    Ist das eine Fully-Einstellung oder hab ich etwas anderes nicht bedacht?

                    jolicJ Online
                    jolicJ Online
                    jolic
                    schrieb am zuletzt editiert von
                    #26

                    @kte said in RTSP Stream in VIS anzeigen:

                    Falls sich jemand fragt, mein Link für die Annke Kamera, nach langer Suche, lautet: http://IP-Adresse/ISAPI/Streaming/channels/101/picture oder ggf. mit Authentifizierung
                    http://admin:passwort@IP-Adresse/ISAPI/Streaming/channels/101/picture

                    Hi, das kann daran liegen, dass der Annke-Link und das Authentifizierungsformat nicht mit dem Fully Browser kompatibel sind. Teste, ob Annke wie bei Instar auch die Authentifizierung über URL-Parameter wie usr und pwd unterstützt. Der Link könnte dann wie folgt aussehen:

                    http://IP-Adresse/ISAPI/Streaming/channels/101/picture?usr=NAME&pwd=PASSWORD
                    

                    Wichtig: Das Passwort wird im Klartext im Link übermittelt. Achte deshalb darauf, dass der Zugriff nur in einem geschützten Netzwerk erfolgt und Unbefugte keinen Zugriff darauf haben. Ich empfehle, dafür keinen Admin-User zu verwenden, sondern einen separat angelegten User mit nur den notwendigen Berechtigungen.

                    1 Antwort Letzte Antwort
                    0
                    • I iobroker2001

                      @bananajoe sagte in RTSP Stream in VIS anzeigen:

                      ch habe keinen Haken bei "addiere nichts zu URL" ...

                      Der Haken hat auch keinen Einfluss...

                      Ich hatte schon den Zusatz "&rs=c" im Verdacht, da Reolink als Parameter wohl gerne einen wechselnden (beliebigen) Wert haben wollen (meine ich irgendwo gelesen zu haben), aber das funktioniert in einem einfach Browser wie Firefox auch, ohne den Wert bei jedem Auffrischen zu wechseln.

                      BananaJoeB Offline
                      BananaJoeB Offline
                      BananaJoe
                      Most Active
                      schrieb am zuletzt editiert von BananaJoe
                      #27

                      @iobroker2001 sagte in RTSP Stream in VIS anzeigen:

                      @bananajoe sagte in RTSP Stream in VIS anzeigen:

                      ch habe keinen Haken bei "addiere nichts zu URL" ...

                      Der Haken hat auch keinen Einfluss...

                      Ich hatte schon den Zusatz "&rs=c" im Verdacht, da Reolink als Parameter wohl gerne einen wechselnden (beliebigen) Wert haben wollen (meine ich irgendwo gelesen zu haben), aber das funktioniert in einem einfach Browser wie Firefox auch, ohne den Wert bei jedem Auffrischen zu wechseln.

                      Bei mir geht es nicht ohne &rs=irgendeinenquatsch, meine Kameras sind inzwischen auch schon älter.

                      ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                      I 1 Antwort Letzte Antwort
                      0
                      • BananaJoeB BananaJoe

                        @iobroker2001 sagte in RTSP Stream in VIS anzeigen:

                        @bananajoe sagte in RTSP Stream in VIS anzeigen:

                        ch habe keinen Haken bei "addiere nichts zu URL" ...

                        Der Haken hat auch keinen Einfluss...

                        Ich hatte schon den Zusatz "&rs=c" im Verdacht, da Reolink als Parameter wohl gerne einen wechselnden (beliebigen) Wert haben wollen (meine ich irgendwo gelesen zu haben), aber das funktioniert in einem einfach Browser wie Firefox auch, ohne den Wert bei jedem Auffrischen zu wechseln.

                        Bei mir geht es nicht ohne &rs=irgendeinenquatsch, meine Kameras sind inzwischen auch schon älter.

                        I Offline
                        I Offline
                        iobroker2001
                        schrieb am zuletzt editiert von
                        #28

                        @bananajoe
                        Ich glaube, ich stelle mich etwas dämlich an, aber wenn ich den u. a. Block als JScript erstelle (ist doch die richtige Stelle?) und starte, bekomme ich Fehlermeldungen, mit denen ich nichts anfangen kann. Muss ich noch etwas zu "document" includen?
                        Das Widget mit dem Basic Image hat die Nummer w001743, Username, Passwort und IP sind angepasst.

                        error	at script.js.common.Friedhelm.Kamera.Workaround_KameraUpdate:10:24
                        javascript.0	10:20:13.569	error	at Object.<anonymous> (script.js.common.Friedhelm.Kamera.Workaround_KameraUpdate:9:29)
                        
                        const widgetData = {
                            // Widgets und zugehörige Webcam-URLs
                            'w001743': 'http://192.168.178.66/cgi-bin/api.cgi?cmd=Snap&channel=0&user=USER&password=PASSWORT&rs=c' // Widget 1, Webcam 1  (VIS2 Tablet1)
                        };
                        
                        setInterval(() => {
                            Object.keys(widgetData).forEach(widgetId => {
                                const widget = document.getElementById(widgetId); // Widget anhand der ID finden
                                if (widget) {
                                    const img = widget.querySelector('img'); // Greift auf das <img>-Element im Widget zu
                                    if (img) {
                                        const baseUrl = widgetData[widgetId]; // Hole die URL basierend auf der Widget-ID
                                        const newImg = new Image(); // Erstellt ein unsichtbares Bild zum Vorladen
                        
                                        newImg.onload = () => {
                                            // Tauscht das Bild nur aus, wenn das neue Bild fertig geladen ist
                                            img.src = `${baseUrl}&t=${new Date().getTime()}`;
                                        };
                        
                                        // Setzt die Quelle des neuen Bildes (triggert den Ladevorgang im Hintergrund)
                                        newImg.src = `${baseUrl}&t=${new Date().getTime()}`;
                                    }
                                }
                            });
                        }, 2000); // Aktualisierung alle 2 Sekunden
                        
                        jolicJ 1 Antwort Letzte Antwort
                        0
                        • I iobroker2001

                          @bananajoe
                          Ich glaube, ich stelle mich etwas dämlich an, aber wenn ich den u. a. Block als JScript erstelle (ist doch die richtige Stelle?) und starte, bekomme ich Fehlermeldungen, mit denen ich nichts anfangen kann. Muss ich noch etwas zu "document" includen?
                          Das Widget mit dem Basic Image hat die Nummer w001743, Username, Passwort und IP sind angepasst.

                          error	at script.js.common.Friedhelm.Kamera.Workaround_KameraUpdate:10:24
                          javascript.0	10:20:13.569	error	at Object.<anonymous> (script.js.common.Friedhelm.Kamera.Workaround_KameraUpdate:9:29)
                          
                          const widgetData = {
                              // Widgets und zugehörige Webcam-URLs
                              'w001743': 'http://192.168.178.66/cgi-bin/api.cgi?cmd=Snap&channel=0&user=USER&password=PASSWORT&rs=c' // Widget 1, Webcam 1  (VIS2 Tablet1)
                          };
                          
                          setInterval(() => {
                              Object.keys(widgetData).forEach(widgetId => {
                                  const widget = document.getElementById(widgetId); // Widget anhand der ID finden
                                  if (widget) {
                                      const img = widget.querySelector('img'); // Greift auf das <img>-Element im Widget zu
                                      if (img) {
                                          const baseUrl = widgetData[widgetId]; // Hole die URL basierend auf der Widget-ID
                                          const newImg = new Image(); // Erstellt ein unsichtbares Bild zum Vorladen
                          
                                          newImg.onload = () => {
                                              // Tauscht das Bild nur aus, wenn das neue Bild fertig geladen ist
                                              img.src = `${baseUrl}&t=${new Date().getTime()}`;
                                          };
                          
                                          // Setzt die Quelle des neuen Bildes (triggert den Ladevorgang im Hintergrund)
                                          newImg.src = `${baseUrl}&t=${new Date().getTime()}`;
                                      }
                                  }
                              });
                          }, 2000); // Aktualisierung alle 2 Sekunden
                          
                          jolicJ Online
                          jolicJ Online
                          jolic
                          schrieb am zuletzt editiert von
                          #29

                          @iobroker2001 said in RTSP Stream in VIS anzeigen:

                          Block als JScript erstelle (ist doch die richtige Stelle?)

                          Nein, ich nutze diesen Code direkt als DOM-Manipulation (z.B. <img> im Widget) im VIS-SKRIPT, nicht als JavaScript-Adapter-Skript.

                          Hast du in deiner VIS-2 oben rechts die Option "Show attributes" aktiviert? Wenn ja, kannst du die Tabs SEITE, WIDGET, CSS und SCRIPTE sehen. Wechsle in den Tab SCRIPTE und füge dort den Code ein.

                          PS: Die Updatezeit des jeweiligen Widgets habe ich auf 0 (deaktiviert) gesetzt. Sollte der Bug behoben werden, kannst du die Zeit einfach wieder einstellen und den Code entfernen.

                          I 1 Antwort Letzte Antwort
                          1
                          • jolicJ jolic

                            @iobroker2001 said in RTSP Stream in VIS anzeigen:

                            Block als JScript erstelle (ist doch die richtige Stelle?)

                            Nein, ich nutze diesen Code direkt als DOM-Manipulation (z.B. <img> im Widget) im VIS-SKRIPT, nicht als JavaScript-Adapter-Skript.

                            Hast du in deiner VIS-2 oben rechts die Option "Show attributes" aktiviert? Wenn ja, kannst du die Tabs SEITE, WIDGET, CSS und SCRIPTE sehen. Wechsle in den Tab SCRIPTE und füge dort den Code ein.

                            PS: Die Updatezeit des jeweiligen Widgets habe ich auf 0 (deaktiviert) gesetzt. Sollte der Bug behoben werden, kannst du die Zeit einfach wieder einstellen und den Code entfernen.

                            I Offline
                            I Offline
                            iobroker2001
                            schrieb am zuletzt editiert von
                            #30

                            @jolic Da war ich auf einem falschen Dampfer, es klappt mit Deinem Hinweis, vielen Dank!

                            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

                            616

                            Online

                            32.4k

                            Benutzer

                            81.5k

                            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