hass.io Bilder statt Icons in 2 Schritten

Wer sein hass.io Smarthome zum wirklich eigenen Smarthome machen mรถchte, muss zu ein paar Tricks greifen um hass.io tatsรคchlich zu Personalisieren: Hass.io Bilder statt Icons

Um Automatisierungen richtig smart zu nutzen, kommt man nicht um Person Entities umher. In der Regel lassen sich diese Person Entities am einfachsten รผber das Smartphone realisieren: Ist das Handy im heimische Netzwerk angemeldet, kriegt es vom Router immer dieselbe IP-Adresse. Hass.io pingt in regelmรครŸigen Abstรคnden die IP-Adressen aller Handys an und sobald eine IP-Adresse erreichbar ist, wird wohl das Handy und somit auch der Besitzer des Handys zu Hause sein.

Home/Away Status einrichten

Wie genau dies eingerichtet wird, habe ich in dem Beitrag Home/Away Status in hass.io mit Bordmitteln nutzen ausfรผhrlich beschrieben. Falls du dieses Feature von hass.io noch nicht nutzt, findest du dort die ausfรผhrliche Anleitung mit Screenshots und Code-Beispielen um auch automatisch erkennen zu kรถnnen, ob jemand zu Hause ist, oder nicht.

Zugegeben baut diese „Personen-Erkennung“ mit dem Handy auf eine vermutlich nicht in 100% der Fรคlle zutreffende Logik aus. Es soll ja Menschen geben, die das Haus verlassen ohne ihr Handy mitzunehmen. In einem solchen Fall denkt hass.io natรผrlich, Person X wรคre noch zu Hause, obwohl dies nicht der Fall ist. Doch nach meiner Erfahrung ist diese Art der Personenerkennung in den meisten Fรคllen absolut ausreichend – und das beste darรผber hinaus: Alles mit bereits vorhandenen Bordmitteln!

Hast du eine solche Personen-Erkennung umgesetzt, kannst du dir den Zustand (Home oder Away) dann im Dashboard von hass.io anzeigen lassen:

Hass.io Bilder statt Icons

Diese Icons sehen natรผrlich nicht sehr ansprechend und persรถnlich aus, also sollte man sich dann noch die Mรผhe machen, statt der Material-Icons tatsรคchliche Fotos zu nutzen.

Wie du hierfรผr vorgehst, beschreibe ich in den folgenden Schritten ausfรผhrlich:

Hass.io Bilder statt Icons

Klicke links im Menรผ auf Einstellungen und dann auf Anpassung. Wรคhle im Anschluss hieran die gewรผnschte Entity aus, fรผr welche du statt des Icons ein eigenes Bild oder Foto nutzen mรถchtest:

hass.io Bilder statt Icons

Klicke dann ganz unten im Attribute-Dialog auf „other“:

hass.io Bilder statt Icons

…und trage dann bei „Attribute name“ entity_picture und bei „Attribute value“ die URL zu deinem Bild ein. Hier kannst du tatsรคchlich die URL zu einem extern liegenden JPG nutzen (also zum Beispiel dein Facebook-Profilbild). Aber bedenke bei dieser Variante, dass ein extern lieges JPG natรผrlich „immer“ von dieser Quelle (also extern) geladen werden muss.

Sinnvoller ist es vermutlich, stattdessen das Bild direkt auf deinem Raspberry Pi zu speichern! Grundsรคtzlich werden Bilder, welche direkt auf deinem eigenen Raspberry Pi liegen schneller geladen, als Bilder, welche von Facebook, Twitter oder anderen Servern abgerufen werden. Natรผrlich geht es bei hass.io und deinem eigenen Home Assistant nicht ausschlieรŸlich um Performance, dennoch sollte man hierauf achten. Dein Raspberry Pi ist schlieรŸlich im Grunde genommen eine ziemlich sparsam ausgestattete Smarthome-Zentrale.

Bilder vorbereiten

Als Format kannst du eigentlich jedes web-รผbliche Bildformat nutzen. Am gelรคufigsten sind hier natรผrlich JPG oder PNG (wobei PNG fรผr Fotos in der Regel aufgrund der entstehenden DateigrรถรŸe in KB bzw. MB nicht zu bevorzugen sind! Wikipedia: PNG). Meist ist ein Bild im JPG-Format fรผr solche einfachen Fotos die beste Lรถsung!

Bedenke auch, dass die Fotos ja lediglich anstelle der Icons zum Einsatz kommen und entsprechend klein dargestellt werden. Es muss also kein ultrahochauflรถsendes Foto einer 24 Megapixel-Kamera mit 1600 x 1600 Pixeln sein! Auch dies wรผrde letztendlich nur unnรถtigen Belast bedeuten und deinen Raspberry Pi unnรถtig belasten!

Ich habe die Fotos mit der Abmessung 300 x 300 Pixeln als JPG gespeichert. Mach dir keine Gedanken darum, wie du die Bilder rund gespeichert bekommst! Speichere die Bilder einfach quadratisch ab und achte darauf, dass das Gesicht mรถglichst in der Mitte des Bildes ist. Hass.io wird dann automatisch hieraus die von den Icons gewohnte runde Ansicht machen:

Hass.io: Bilder statt Icons

Bilder in hass.io speichern

Ich habe die Bilder direkt in hass.io abgelegt, so dass diese nicht von fremden Servern geladen werden mรผssen. Hierfรผr muss man folgendes รผber die Ordnerstruktur bzw. Logik von hass.io wissen:

Dateien, welche unter /config/www/ abgelegt werden, kรถnnen lokal im Netzwerk unter http://IP-DEINES-PIS:8123/local/ abgerufen werden!

hass.io: www-folder

Das im Screenshot zusehende Bild olli.jpg kann ich innerhalb meines Netzwerks somit unter http://192.168.x.x:8123/local/olli.jpg aufrufen!

Bitte beachte hierbei, dass in diesem www-Ordner nur statische Dateien abgelegt werden kรถnnen (also z. B. keine PHP-Dateien oder รคhnliches), solange du dies nicht durch weitere Einstellungen in hass.io aktivierst!

Dieser Beitrag ist Teil einer kleinen Beitrags-Serie rund um den hass.io Home Assistant.

2 Gedanken zu „hass.io Bilder statt Icons in 2 Schritten“

Schreibe einen Kommentar