Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Bild aus DP darstellen (base64)

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Bild aus DP darstellen (base64)

    This topic has been deleted. Only users with topic management privileges can see it.
    • maximal1981
      maximal1981 last edited by

      Ist es möglich den Inhalt eines DP's darzustellen der ein Bild beinhaltet.

      Sprich der Inhalt beginnt mit data:image/jpeg;base64,.....
      Wenn ich den DP-Inhalt im VIS einfüge geht es, aber wird der DP hinterlegt, funktioniert es nicht.

      DJMarc75 1 Reply Last reply Reply Quote 0
      • DJMarc75
        DJMarc75 @maximal1981 last edited by

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

        aber wird der DP hinterlegt

        das unbekannte Widget ist welches?

        Den DP als Binding einfügen könnte aber helfen

        {Datenpunkt}
        
        maximal1981 1 Reply Last reply Reply Quote 0
        • maximal1981
          maximal1981 @DJMarc75 last edited by

          @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

          DJMarc75 1 Reply Last reply Reply Quote 0
          • DJMarc75
            DJMarc75 @maximal1981 last edited by DJMarc75

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

            Pfadbeispiel

            slideshow.0.picture
            
            maximal1981 1 Reply Last reply Reply Quote 0
            • maximal1981
              maximal1981 @DJMarc75 last edited by

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

              DJMarc75 1 Reply Last reply Reply Quote 0
              • DJMarc75
                DJMarc75 @maximal1981 last edited by

                @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}
                
                maximal1981 1 Reply Last reply Reply Quote 0
                • maximal1981
                  maximal1981 @DJMarc75 last edited by

                  @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 🤦

                  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 Reply Last reply Reply Quote 0
                  • C
                    ChristophHaas last edited by 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.

                    OliverIO Wal 2 Replies Last reply Reply Quote 0
                    • OliverIO
                      OliverIO @ChristophHaas last edited by OliverIO

                      @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

                      1 Reply Last reply Reply Quote 0
                      • Wal
                        Wal Developer @ChristophHaas last edited by

                        @christophhaas ,
                        den Frigate Adapter kennst du aber ?

                        C 1 Reply Last reply Reply Quote 0
                        • C
                          ChristophHaas @Wal last edited by

                          @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.

                          Wal 1 Reply Last reply Reply Quote 0
                          • Wal
                            Wal Developer @ChristophHaas last edited by

                            @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 1 Reply Last reply Reply Quote 0
                            • C
                              ChristophHaas @Wal last edited by

                              @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 Reply Last reply Reply Quote 1
                              • First post
                                Last post

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              907
                              Online

                              31.9k
                              Users

                              80.1k
                              Topics

                              1.3m
                              Posts

                              5
                              13
                              943
                              Loading More Posts
                              • Oldest to Newest
                              • Newest to Oldest
                              • Most Votes
                              Reply
                              • Reply as topic
                              Log in to reply
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                              The ioBroker Community 2014-2023
                              logo