Bild URL via MQTT bereitstellen und in Home Assistant anzeigen

Allgemein
,
1

Hallo,

ich habe mal wieder ein Thema zu MQTT. Und zwar habe ich ein Topic in dem eine Bild-URL steht. Das Bild dieser URL möchte ich gerne in meinem Dashboard anzeigen. Ich habe bisher mehrere Dinge versucht, leider ohne Erfolg.

Und zwar habe ich eine YAML, nur für MQTT Entitäten

  image:
      url_topic: "iobroker/FireTV/App_Logo"

Wenn ich das nun in einem Bild-Karte darstellen möchte (es lässt sich auswählen) bekomme ich nur einen Fehler angezeigt; öffne ich diesen in einem neuen Browser-tab, kommt Fehler “500 Server Error”

Stelle ich das Topic als Sensor da, bekomme ich die URL, kann sie aber nicht als Bild darstellen … ah, zum Haare raufen.

Hat jemand Rat ?

Viele Grüße,
Steffen

2

Wie sieht den das Topic aus?
Kannst Du mal den Inhalt posten.
Und wie sieht die url aus?

Gruß
Osorkon

3

Sicher, es ist ganz einfach:

http://192.168.178.3:8082/vis.0/main/img/firetv/netflix.jpg

4

Das wäre die URL.

Um wie sieht das topic im MQTT Broke aus,
also der payload?

Bzw. Du schreibst, dass Du die URL bereits als MQTT Sensor erstellt hast.
Wie sieht dieser Sensor in den Entwicklungswerkzeguen → Zustände aus?

Gruß
Osorkon

5

Der Sensor sieht wie folgt aus:

FireTV_App_Logo
Zustand: http://192.168.178.3:8082/vis.0/main/img/firetv/netflix.jpg
Attribute: friendly_name: FireTV_App_Logo

Packe ich das Ganze in ein MQTT Image mit URL sieht es ganz anders aus

Zustand: 2024-02-03T17:25:45.754112+00:00
Attribute: access_token: f2523cbc646e4c3691ad91ea841f684c16a3c03f46dddbf07232a51470ccbd8b
entity_picture: /api/image_proxy/image.mqtt_image?token=f2523cbc646e4c3691ad91ea841f684c16a3c03f46dddbf07232a51470ccbd8b
Friendly name: MQTT Image

6

Out of the Box funktioniert das nicht, da man die url in der Bild Karte nicht templaten kann.

Aber Du kannst Dir mit der Custom Config Template Card aus dem HACS behelfen

Die YAML für die Bild Karte wären dann diese.

type: custom:config-template-card
entities:
  - sensor.firetv_app_logo
card:
  type: picture
  image: ${states["sensor.firetv_app_logo"].state}

Gruß
Osorkon

MQTT Bild Entität in Dashboard darstellen (Teddycloud)
8

Danke! Ich teste es morgen und gebe Bescheid ob es geklappt hat :blush:

Melde Vollzug und Erfolg :slight_smile:

Herzlichen Dank @Osorkon, es funktioniert genau so wie ich es mir gewünscht habe :slight_smile:

1 „Gefällt mir“