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. Im HABPanel base64 codierte PNG Daten anzeigen

NEWS

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

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

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

Im HABPanel base64 codierte PNG Daten anzeigen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
6 Beiträge 2 Kommentatoren 539 Aufrufe 2 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.
  • T Offline
    T Offline
    Thirty8763
    schrieb am zuletzt editiert von
    #1

    Hallo,

    Ich versuche gerade die Karte meines Staubsaugerrobotters in HABPanel zu visualisieren.

    Das PNG Bild ist als Datenstring in einem Datensatz vorhanden.
    Es sieht ungefähr so aus:
    data:image/png;base64,iVBORw0KGgo...
    Wenn ich den String in HTML gieße wie z.B.

    <img src="data:image/png;base64,iVBORw0KGgo...">
    

    Dann wird das Bild richtig angezeigt. Das blöde ist natürlich, dass es eine harte Kopie ist und nicht aktualisiert wird bzw aus dem Datensatz gelesen wurde.

    Hier bin ich jetzt gescheitert.
    Mit welchen Widget kann man dieses base64 Bild anzeigen und wie genau?
    Ich hab es geschafft mit dem Markdown Widget von Lovelace. Dort sieht das so aus, mit Referenz auf den Datensatz:

    <img src="{ecovacs-deebot.0.map.197106440.map64}"/>
    

    Das hilft mir halt in HABPanel nicht viel weil dort funktioniert das scheinbar nicht gleich.

    Hoffe es kann mir wer helfen.

    Danke.

    mrbungle64M 1 Antwort Letzte Antwort
    0
    • T Thirty8763

      Hallo,

      Ich versuche gerade die Karte meines Staubsaugerrobotters in HABPanel zu visualisieren.

      Das PNG Bild ist als Datenstring in einem Datensatz vorhanden.
      Es sieht ungefähr so aus:
      data:image/png;base64,iVBORw0KGgo...
      Wenn ich den String in HTML gieße wie z.B.

      <img src="data:image/png;base64,iVBORw0KGgo...">
      

      Dann wird das Bild richtig angezeigt. Das blöde ist natürlich, dass es eine harte Kopie ist und nicht aktualisiert wird bzw aus dem Datensatz gelesen wurde.

      Hier bin ich jetzt gescheitert.
      Mit welchen Widget kann man dieses base64 Bild anzeigen und wie genau?
      Ich hab es geschafft mit dem Markdown Widget von Lovelace. Dort sieht das so aus, mit Referenz auf den Datensatz:

      <img src="{ecovacs-deebot.0.map.197106440.map64}"/>
      

      Das hilft mir halt in HABPanel nicht viel weil dort funktioniert das scheinbar nicht gleich.

      Hoffe es kann mir wer helfen.

      Danke.

      mrbungle64M Offline
      mrbungle64M Offline
      mrbungle64
      Developer
      schrieb am zuletzt editiert von mrbungle64
      #2

      @thirty8763 sagte in Im HABPanel base64 codierte PNG Daten anzeigen:

      Das Image wird seit der Version 1.4.9 auch autom. im Dateisystem abgelegt.
      Das Verzeichnis ist "ecovacs-deebot.0" bzw. als absoluter Pfad (unter Linux) "/opt/iobroker/iobroker-data/files/ecovacs-deebot.x".
      Vielleicht kennst du für Dateien ja schon ein passendes Widget.

      T 1 Antwort Letzte Antwort
      0
      • mrbungle64M mrbungle64

        @thirty8763 sagte in Im HABPanel base64 codierte PNG Daten anzeigen:

        Das Image wird seit der Version 1.4.9 auch autom. im Dateisystem abgelegt.
        Das Verzeichnis ist "ecovacs-deebot.0" bzw. als absoluter Pfad (unter Linux) "/opt/iobroker/iobroker-data/files/ecovacs-deebot.x".
        Vielleicht kennst du für Dateien ja schon ein passendes Widget.

        T Offline
        T Offline
        Thirty8763
        schrieb am zuletzt editiert von
        #3

        @mrbungle64
        Hmmm...
        Ich bin auf 1.4.8 .
        Kann es sein, dass die 1.4.9 noch nicht als stable released ist?

        mrbungle64M 1 Antwort Letzte Antwort
        0
        • T Thirty8763

          @mrbungle64
          Hmmm...
          Ich bin auf 1.4.8 .
          Kann es sein, dass die 1.4.9 noch nicht als stable released ist?

          mrbungle64M Offline
          mrbungle64M Offline
          mrbungle64
          Developer
          schrieb am zuletzt editiert von mrbungle64
          #4

          @thirty8763 sagte in Im HABPanel base64 codierte PNG Daten anzeigen:

          @mrbungle64
          Hmmm...
          Ich bin auf 1.4.8 .
          Kann es sein, dass die 1.4.9 noch nicht als stable released ist?

          Ja genau, die aktuelle Version müsstest du dir mal aus dem Beta/Latest Repo installieren oder noch ein paar Tage warten.
          Ich denke, dass ich Richtung Wochenende die 1.4.10 oder 11 als Stable freigebe.

          T 1 Antwort Letzte Antwort
          0
          • mrbungle64M mrbungle64

            @thirty8763 sagte in Im HABPanel base64 codierte PNG Daten anzeigen:

            @mrbungle64
            Hmmm...
            Ich bin auf 1.4.8 .
            Kann es sein, dass die 1.4.9 noch nicht als stable released ist?

            Ja genau, die aktuelle Version müsstest du dir mal aus dem Beta/Latest Repo installieren oder noch ein paar Tage warten.
            Ich denke, dass ich Richtung Wochenende die 1.4.10 oder 11 als Stable freigebe.

            T Offline
            T Offline
            Thirty8763
            schrieb am zuletzt editiert von
            #5

            @mrbungle64
            Super, hab mir die aktuellste alpha geholt und funktioniert einwandfrei.
            Bild ist nun da und konnte eingebunden werden ins HABPanel.

            Jetzt hab ich testweise versucht das Bild alle paar Sekunden zu aktualisieren aber dabei festgestellt, dass der Roboter scheinbar ein wenig überfordert ist damit. So eine live view ist die sich automatisch aktualisiert ist also wahrscheinlich nicht möglich. Egal. man kann zumindest manuell die Karte generieren, wenn man den Roboter mal sucht.

            Super Software!

            mrbungle64M 1 Antwort Letzte Antwort
            0
            • T Thirty8763

              @mrbungle64
              Super, hab mir die aktuellste alpha geholt und funktioniert einwandfrei.
              Bild ist nun da und konnte eingebunden werden ins HABPanel.

              Jetzt hab ich testweise versucht das Bild alle paar Sekunden zu aktualisieren aber dabei festgestellt, dass der Roboter scheinbar ein wenig überfordert ist damit. So eine live view ist die sich automatisch aktualisiert ist also wahrscheinlich nicht möglich. Egal. man kann zumindest manuell die Karte generieren, wenn man den Roboter mal sucht.

              Super Software!

              mrbungle64M Offline
              mrbungle64M Offline
              mrbungle64
              Developer
              schrieb am zuletzt editiert von
              #6

              @thirty8763 sagte in Im HABPanel base64 codierte PNG Daten anzeigen:

              @mrbungle64
              Super, hab mir die aktuellste alpha geholt und funktioniert einwandfrei.
              Bild ist nun da und konnte eingebunden werden ins HABPanel.

              :+1:

              Jetzt hab ich testweise versucht das Bild alle paar Sekunden zu aktualisieren aber dabei festgestellt, dass der Roboter scheinbar ein wenig überfordert ist damit. So eine live view ist die sich automatisch aktualisiert ist also wahrscheinlich nicht möglich. Egal. man kann zumindest manuell die Karte generieren, wenn man den Roboter mal sucht.

              Das liegt nicht am Roboter (zumindest nicht in erster Linie)
              Die Implementierung im Adapter (bzw. in der Library) ist noch nicht als "Live Map" optimiert.
              Das habe ich mir für das nächste größere Paket eingeplant ;)

              Super Software!

              Danke für das Feedback :)

              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

              799

              Online

              32.4k

              Benutzer

              81.6k

              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