Bild Karte mit dynamischen Pfad bzw. Bild nutzen

Dashboard/Cards/Frontend
1

Hallo zusammen,

ich habe ein kleines Problem. Ich speichere bei jedem Klingeln lokal ein Bild von der Kamera ab. Diese liegen unter dem Pfad /local/camera/haustuer_snap_{{ states.counter.zahler.state }}.jpeg in HA. states.counter.zahler.state ist dabei ein Zähler der schrittweise hoch zählt. Jetzt möchte ich diesen “dynamischen” Dateipfad gern als Basis für die Bild-Kachel nutzten…hat jemand eine Idee ob und wie das geht?

Sobald ich {{ states.counter.zahler.state }} durch eine valide Zahl ersetze, geht es natürlich sofort…

2

Erstelle Dir jeweils 2 Dateien, wenn es klingelt
Eine mit dem dynamischen Namen und eine mit einem festen Namen.
Die mit dem festen Namen, wird dann jedesmal durch das aktuelle Bild überschrieben und diese Bild verwendest Du dann in der Bild Karte,

Gruß
Osorkon

3

Hallo Osorkon,

danke für den Vorschlag. Genau das habe ich gerade nochmal probiert, aber leider laufe ich damit in das Problem das der Browser im Cache noch das alte Bild hat und somit nicht das neue angezeigt wird. Das war damals auch der Grund warum ich für die Bilder eine laufende Nummer gebraucht habe…(hat sich scheinbar nicht geändert…)

4

Dann erstelle Dir eine generische Kamera, anstatt eine Bild Karte zu verwenden. Bei der generischen Kamera gibst Du dann den Pfad zum Bild an.

Gruß
Osorkon

5

Eine alternative Idee könnte sein: Die Verwendung einer Markdown Karte, da man hier schön Template Code verwenden kann.

Ich nutze sie um verschiedene Bilder auf HA abhängig vom Status eines Sensors anzuzeigen.
jzh

Die entscheidende Zeile für Dich wäre z.B.:

<img src="{{ kameras }}" />

Das ganze ist in einem HTML Gerüst

<center>
  <center><font size="4">Jemand zu Hause?</font></center><br>
  <table border="0">
    <tr>
      <td width="70" align="center">
        <img src="{{ susi }}" />
      </td>
      <td width="50"></td>
      <td width="70" align="center">
        <img src="{{ olaf }}" />
      </td>
      <td width="50"></td>
      <td width="70" align="center">
        <img src="{{ kamera }}" />
      </td>
    </tr>
  </table>
</center>

Ich kann mir vorstellen, daß Du Deine bisherige {{ states.counter.zahler.state }} wiederverwenden kannst aber mit HTML etwas probieren mußt, damit die Ansicht paßt.
Bisher habe ich bei dieser Lösung keinen Cache Effekt feststellen können aber fairerweise ändert sich der Status auch nicht so oft und ich schaue nicht jedesmal auf die Karte.

6

Danke für euren Input. Ich werde beides mal testen :slight_smile: …