Hauptmenü

FHEMApp4 - imageurl Vorlagen

Begonnen von binford6000, 11 März 2024, 22:16:00

Vorheriges Thema - Nächstes Thema

binford6000

Hallo Zusammen,
FHEMApp V4 bietet ja die Möglichkeit, über das Element imageurl Bilder für die Statusleiste anzuzeigen.
Jens verwendet zB. in einigen seiner Panels die URL von picsum und lässt von dort ein zufälliges Bild anzeigen:
https\\://picsum.photos/1920/1080?random
Vielleicht möchte man aber auch für ein bestimmtes Panel auch ein passendes Bild für die Statuszeile definieren.
Ich habe das für mein SONOS-Template mal gemacht und möchte das mit euch teilen. Vielleicht teilen ja noch andere
meinen eher prusitischen Geschmack oder wird auf Ideen gebracht.

Dieser Thread darf/soll auch gerne zum Austausch dieser selbst gemachten imageurl-Vorlagen dienen...  ;)

Ihr packt das Bild einfach in einen beliebigen Ordner in ./fhem/www/ und passt die imageurl entsprechend an.
Ihr solltet NICHT den fhemapp4 Ordner verwenden da dieser beim Update komplett gelöscht und neu erstellt wird. Danke @Benni für den Hinweis!
Das sieht dann bei mir zB. so aus:

::http\://fhem1\:8083/fhem/fhemapp_images/SONOS_logo.jpg
Das Ergebnis könnt ihr im Anhang sehen. Das SONOS_logo.jpg ist ebenfalls angehängt.
Also falls ihr auch eigene Bilder für die imageurl gebaut habt dürft ihr sie hier gerne teilen!  8)

Viel Spaß damit,
Sebastian

Benni

Zitat von: binford6000 am 11 März 2024, 22:16:00sieht dann bei mir zB. so aus:

::http\://fhem1\:8083/fhem/fhemapp4/SONOS_logo.jpg

Achtung! Wenn ihr dafür den Ordner verwendet, in den das FHEMAPP-Modul FHEMApp installiert, dann sind die Images mit dem nächsten Update weg. Der FHEMApp-Ordner wird bei einem update immer vollständig ersetzt!

gb#


binford6000

Zitat von: Benni am 12 März 2024, 12:31:41
Zitat von: binford6000 am 11 März 2024, 22:16:00sieht dann bei mir zB. so aus:

::http\://fhem1\:8083/fhem/fhemapp4/SONOS_logo.jpg

Achtung! Wenn ihr dafür den Ordner verwendet, in den das FHEMAPP-Modul FHEMApp installiert, dann sind die Images mit dem nächsten Update weg. Der FHEMApp-Ordner wird bei einem update immer vollständig ersetzt!

gb#


Danke für den Hinweis! Habs verschoben 👍🏻

Doogy

Ich habe ein Problem mit den Bildern. Auf meinem Laptop werden sie angezeigt, aber nicht auf dem iPhone. Gibt es da Unterschiede?
Wenn ich diese in /opt/fhem/www/fhemapp4/images/ verschiebe funktioniert es, da sollen sie aber nicht hin. Ich habe die Bilder in /opt/fhem/www/images_fhemapp4/ hinterlegt.

Bin für Anregungen offen!

"imageUrl": [ "::http\\://192.168.229.253\\:8083/fhem/www/image_fhemapp4/sicherheit.png" ]
Hier noch der Codeschnipsel.

VG Felix

jemu75

Du kannst das ganz einfach testen, indem du die betreffende URL mit dem Bildpfad und dem Bild einfach mal direkt in deinen Browser eingibst. Wenn das Bild dort angezeigt wird, dann funktioniert es auch in FHEMApp

Grüße
Jens  :)

Doogy

Hallo Jens,

ich konnte den Fehler etwas eingrenzen, aber nicht ganz lösen. Zum Ersten waren es Berechtigungsprobleme auf Linuxbasis, die FHEMApp den Zugriff auf die Bilder (nur auf iOS-Geräten) nicht zu ließ. (Nur FHEMApp, im Browser war alles ok)
Mir wird jetzt zumindest das Bild, welches ich unter "Allgemein->Kopfzeile->Hintergrundbild" festgelegt habe, angezeigt. Hier benötigt man allerdings keine Ersetzungen.
http://fhem.intern:8083/fhem/www/image_fhemapp4/IMG_9802.HEIC
In den Panels wird kein Bild angezeigt.

"imageUrl": ["::http\\://fhem.intern\\:8083/fhem/www/image_fhemapp4/sicherheit.png"].

Wenn ich die Seite in einem Browser öffne, wird mir auch das Bild angezeigt.

Wenn ich das Bild hier ablege, funktioniert es. Dort soll es ja nicht sein, da wie bereits beschrieben, der Ordner bei jedem Update platt gemacht wird.
"imageUrl": ["::./images/sicherheit.png"]
Das Problem tritt, wie beschrieben, nur auf iOS-Geräten auf. Auf meinem Laptop ist alles OK.

VG Felix

Doogy

Hallo zusammen,

ich weiß grad nicht, was passiert ist. Ich habe gerade FHEMApp4 auf dem iPhone gestartet und alle Bilder sind da.

VG Felix