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

                            775
                            Online

                            31.9k
                            Users

                            80.2k
                            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