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. Bild aus DP darstellen (base64)

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

Bild aus DP darstellen (base64)

Geplant Angeheftet Gesperrt Verschoben Visualisierung
13 Beiträge 5 Kommentatoren 1.5k 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.
  • maximal1981M maximal1981

    @djmarc75
    ich habe basic - image, basic - image 8, basic - iframe, basic - iframe8, html, .... versucht.

    es geht um eine Kamera, wo ich einen kleinen Snapshot einfügen möchte und wenn möglich das Bild mit einem Klick größer machen kann wie z.B. bei vis-jgui-mfd

    DP als Binding - wie und wo muss das gemacht werden. Bin im VIS eher rudimentär unterwegs

    DJMarc75D Offline
    DJMarc75D Offline
    DJMarc75
    schrieb am zuletzt editiert von DJMarc75
    #4

    @maximal1981 poste mal bitte den Datenpunkt... also nicht den Inhalt sondern den Pfad, dann kann ich Dir das zeigen

    Pfadbeispiel

    slideshow.0.picture
    

    Lehrling seit 1975 !!!
    Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
    https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

    maximal1981M 1 Antwort Letzte Antwort
    0
    • DJMarc75D DJMarc75

      @maximal1981 poste mal bitte den Datenpunkt... also nicht den Inhalt sondern den Pfad, dann kann ich Dir das zeigen

      Pfadbeispiel

      slideshow.0.picture
      
      maximal1981M Offline
      maximal1981M Offline
      maximal1981
      schrieb am zuletzt editiert von
      #5

      @djmarc75
      z.B. unifi-protect.0.motions.lastMotion.thumbnail_image

      DJMarc75D 1 Antwort Letzte Antwort
      0
      • maximal1981M maximal1981

        @djmarc75
        z.B. unifi-protect.0.motions.lastMotion.thumbnail_image

        DJMarc75D Offline
        DJMarc75D Offline
        DJMarc75
        schrieb am zuletzt editiert von
        #6

        @maximal1981 nimm das normale ImageWidget:

        Screenshot 2023-07-16 145925.png

        und trage dort

        Screenshot 2023-07-16 145945.png

        im Objekt ID Folgendes ein;

        {unifi-protect.0.motions.lastMotion.thumbnail_image}
        

        Lehrling seit 1975 !!!
        Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
        https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

        maximal1981M 1 Antwort Letzte Antwort
        0
        • DJMarc75D DJMarc75

          @maximal1981 nimm das normale ImageWidget:

          Screenshot 2023-07-16 145925.png

          und trage dort

          Screenshot 2023-07-16 145945.png

          im Objekt ID Folgendes ein;

          {unifi-protect.0.motions.lastMotion.thumbnail_image}
          
          maximal1981M Offline
          maximal1981M Offline
          maximal1981
          schrieb am zuletzt editiert von
          #7

          @djmarc75 sagte in Bild aus DP darstellen (base64):

          {unifi-protect.0.motions.lastMotion.thumbnail_image}

          das hatte ich gemacht, wusste aber nicht, dass man das dann nur in der live sieht :face_palm:

          hab es wie folgt gelöst, da ich keine bessere Lösung habe:

          Screenshot 2023-07-16 180032.jpg basic-image

          Screenshot 2023-07-16 180327.jpg vis-jgui-mfd

          1 Antwort Letzte Antwort
          0
          • C Offline
            C Offline
            ChristophHaas
            schrieb am zuletzt editiert von ChristophHaas
            #8

            Hat jemand einen Tipp, wie man diesen Trick ohne Base64 hinbekommt? Ich habe ein binär gespeichertes JPEG-Bild von Frigate (einer NVR-Lösung wie Motioneye/Zoneminder), das über MQTT als Objekt abgelegt wird. Wenn ich euren Ansatz nehme, ist das Image-Widget natürlich unglücklich:

            dbd8f4ca-f911-4fa5-b905-3a1edf3eee60-image.png

            Müsste ich mir etwas in Javascript basteln, das sich die Binärdaten schnappt und in base64 umkodiert? Oder gibt es eine elegantere Lösung?

            Danke im Voraus.

            OliverIOO WalW 2 Antworten Letzte Antwort
            0
            • C ChristophHaas

              Hat jemand einen Tipp, wie man diesen Trick ohne Base64 hinbekommt? Ich habe ein binär gespeichertes JPEG-Bild von Frigate (einer NVR-Lösung wie Motioneye/Zoneminder), das über MQTT als Objekt abgelegt wird. Wenn ich euren Ansatz nehme, ist das Image-Widget natürlich unglücklich:

              dbd8f4ca-f911-4fa5-b905-3a1edf3eee60-image.png

              Müsste ich mir etwas in Javascript basteln, das sich die Binärdaten schnappt und in base64 umkodiert? Oder gibt es eine elegantere Lösung?

              Danke im Voraus.

              OliverIOO Offline
              OliverIOO Offline
              OliverIO
              schrieb am zuletzt editiert von OliverIO
              #9

              @christophhaas

              Hier ist ein Beispiel für png
              https://bobbyhadz.com/blog/convert-image-to-base64-using-node
              Du musst dann einfach nur den Mime Type von png nach jpeg zu ändern
              https://wiki.selfhtml.org/wiki/MIME-Type/Übersicht

              Meine Adapter und Widgets
              TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
              Links im Profil

              1 Antwort Letzte Antwort
              0
              • C ChristophHaas

                Hat jemand einen Tipp, wie man diesen Trick ohne Base64 hinbekommt? Ich habe ein binär gespeichertes JPEG-Bild von Frigate (einer NVR-Lösung wie Motioneye/Zoneminder), das über MQTT als Objekt abgelegt wird. Wenn ich euren Ansatz nehme, ist das Image-Widget natürlich unglücklich:

                dbd8f4ca-f911-4fa5-b905-3a1edf3eee60-image.png

                Müsste ich mir etwas in Javascript basteln, das sich die Binärdaten schnappt und in base64 umkodiert? Oder gibt es eine elegantere Lösung?

                Danke im Voraus.

                WalW Offline
                WalW Offline
                Wal
                Developer
                schrieb am zuletzt editiert von
                #10

                @christophhaas ,
                den Frigate Adapter kennst du aber ?

                Gruß
                Walter

                DoorIO-Adapter
                wioBrowser-Adapter und wioBrowser

                C 1 Antwort Letzte Antwort
                0
                • WalW Wal

                  @christophhaas ,
                  den Frigate Adapter kennst du aber ?

                  C Offline
                  C Offline
                  ChristophHaas
                  schrieb am zuletzt editiert von
                  #11

                  @wal

                  Danke für den Tipp. Nein, den kannte ich noch nicht. Ist ja gruselig, dass es für alles Adapter gibt. :)

                  Laut Doku soll der Adapter neue Objekte zu den bestehenden in mqtt.0.frigate mit URLs zu den Thumbnails erzeugen. Das macht es bei mir komischerweise nicht. Frigate schreibt seine Informationen bereits in mqtt.0.frigate rein, aber der Adapter ergänzt da noch nichts. Ich werde mal ein paar Events abwarten, ob vielleicht dann erst etwas kommt.

                  WalW 1 Antwort Letzte Antwort
                  0
                  • C ChristophHaas

                    @wal

                    Danke für den Tipp. Nein, den kannte ich noch nicht. Ist ja gruselig, dass es für alles Adapter gibt. :)

                    Laut Doku soll der Adapter neue Objekte zu den bestehenden in mqtt.0.frigate mit URLs zu den Thumbnails erzeugen. Das macht es bei mir komischerweise nicht. Frigate schreibt seine Informationen bereits in mqtt.0.frigate rein, aber der Adapter ergänzt da noch nichts. Ich werde mal ein paar Events abwarten, ob vielleicht dann erst etwas kommt.

                    WalW Offline
                    WalW Offline
                    Wal
                    Developer
                    schrieb am zuletzt editiert von
                    #12

                    @christophhaas ,
                    die normalen Objekte werden gleich erzeugt und die http Adressen zu den aktuellen Snapshots werden bei Objekterkennung erzeugt.
                    Die neuen Objekte sind unter frigate.0 zu finden.

                    Gruß
                    Walter

                    DoorIO-Adapter
                    wioBrowser-Adapter und wioBrowser

                    C 1 Antwort Letzte Antwort
                    0
                    • WalW Wal

                      @christophhaas ,
                      die normalen Objekte werden gleich erzeugt und die http Adressen zu den aktuellen Snapshots werden bei Objekterkennung erzeugt.
                      Die neuen Objekte sind unter frigate.0 zu finden.

                      C Offline
                      C Offline
                      ChristophHaas
                      schrieb am zuletzt editiert von
                      #13

                      @wal Das hat einwandfrei funktioniert. Danke für's Händchenhalten. Ich war zu ungeduldig, hatte die Snapshots in Frigate nicht an (nur die Thumbnails waren zu sehen) und habe meine Objektansicht nicht neu geladen, so dass ich den Zweig frigate.0 nicht gesehen habe.

                      Irgendwie wäre es noch cool, wenn man auch die Thumbnails hätte. Aber das sind jetzt echt Luxusprobleme.

                      Jetzt können die Einbrecher kommen. Und Autos. Und Hunde. Und Brokkoli. (Ja, das Erkennungsmodell hat eine eigene Objektkategorie für Brokkoli.)

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


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      673

                      Online

                      32.7k

                      Benutzer

                      82.4k

                      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