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

                        643
                        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