[Gelöst] Image: keine Anzeige von readings oder internen URLs

niklas · 29 Dezember 2019, 16:09:31

Hallo zusammen,

ich kann die Komponente "Image" nicht dazu bewegen ein von FHEM abgespeichertes Bild meiner Webcam anzuzeigen.
Die URL ist folgende: http://"meine IP":8083/fhem/www/tablet/webcam/IPCam_snapshot_1.jpg
Die Anzeige als weblink image in FHEM funktioniert dagegen. Ich schätze es liegt daran, dass man das Bild nur mit den FHEM Zugangsdaten aufrufen kann.
Ich verwende in FHEM Native die "Basic Auth", aber die Komponente Image scheint das nicht verarbeiten zu können. Es funktionieren nur links auf externe Inhalte.

Kann mir jemand helfen?

Danke und Gruß.

Syrex-o · 29 Dezember 2019, 16:50:18

Zitat von: niklas am 29 Dezember 2019, 16:09:31
Hallo zusammen,

ich kann die Komponente "Image" nicht dazu bewegen ein von FHEM abgespeichertes Bild meiner Webcam anzuzeigen.
Die URL ist folgende: http://"meine IP":8083/fhem/www/tablet/webcam/IPCam_snapshot_1.jpg
Die Anzeige als weblink image in FHEM funktioniert dagegen. Ich schätze es liegt daran, dass man das Bild nur mit den FHEM Zugangsdaten aufrufen kann.
Ich verwende in FHEM Native die "Basic Auth", aber die Komponente Image scheint das nicht verarbeiten zu können. Es funktionieren nur links auf externe Inhalte.

Kann mir jemand helfen?

Danke und Gruß.

Huch,
Ja das kann Image tatsächlich nicht. Außerdem ist die Komponente etwas in Vergessenheit geraten. Da gibt es ein paar kleine Fehler.

Du könntest die BasicAuth Zugangsdaten in der URL mit übergeben.
Außerdem auf cors achten.

Beste Grüße

niklas · 29 Dezember 2019, 17:20:29

Die Zugangsdaten in die URL ala http://user:password@ip:8083/... zu packen führt leider auch nicht zum Erfolg.

Ich würde eigentlich das Image öfter nutzen wollen, z.B. um Wettericons oder andere Icons aus den Fhem Verzeichnissen darzustellen, aber das funktioniert so leider nicht.
Meinst du du kannst daran etwas ändern? Mir reichen z.B. die Icons in deiner Icon Lib (Dropdown) noch nicht aus und über die Image Komponente könnte ich das beliebig erweitern.

CORS sagte mir gar nicht und auch nach einem Blick auf Wikipedia erschließt sich mir leider noch nciht der genaue EInfluss auf deine Komponente.

Viele Grüße,
Niklas

Edit:
Wäre es eventuell mal eine Idee ein paar Beispiele für die Komponente Image zu nennen?
Ich komme auch mit Fhem Devices und Readings überhaupt nicht weiter. Es wird einfach nichts angezeigt.

Syrex-o · 30 Dezember 2019, 14:16:37

Zitat von: niklas am 29 Dezember 2019, 17:20:29
Die Zugangsdaten in die URL ala http://user:password@ip:8083/... zu packen führt leider auch nicht zum Erfolg.

Ich würde eigentlich das Image öfter nutzen wollen, z.B. um Wettericons oder andere Icons aus den Fhem Verzeichnissen darzustellen, aber das funktioniert so leider nicht.
Meinst du du kannst daran etwas ändern? Mir reichen z.B. die Icons in deiner Icon Lib (Dropdown) noch nicht aus und über die Image Komponente könnte ich das beliebig erweitern.

CORS sagte mir gar nicht und auch nach einem Blick auf Wikipedia erschließt sich mir leider noch nciht der genaue EInfluss auf deine Komponente.

Viele Grüße,
Niklas

Edit:
Wäre es eventuell mal eine Idee ein paar Beispiele für die Komponente Image zu nennen?
Ich komme auch mit Fhem Devices und Readings überhaupt nicht weiter. Es wird einfach nichts angezeigt.

Ja bitte Beispiele für alles.
Wo liegen deine Bilder ab ?

Beste Grüße

niklas · 30 Dezember 2019, 18:12:47

Hallo Syrex,

ich meinte eigentlich, ob du ein paar Beispiele nennen könntest wie man die Komponente Image verwenden kann.
Meine Bilder liegen wie im EIngangspost beschrieben auf: http://"meine IP":8083/fhem/www/tablet/webcam/IPCam_snapshot_x.jpg
Die Darstellung als "weblink image" oder auch als in einer HTML Seite in einem HTTPSRV Modul - dann unter der Adresse "http://"meine IP":8083/fhem/pics/IPCam_snapshot_x.jpg" - funktionieren unter Fhem einwandfrei.

In der Konfiguration des Images bei FhemNative habe ich nur die URL mit absolutem Pfad eingegeben. Getestet habe ich dort also:
http://"meine IP":8083/fhem/www/tablet/webcam/IPCam_snapshot_x.jpg
und auch:
http://"meine IP":8083/fhem/pics/IPCam_snapshot_x.jpg
Auch relative Pfade wie:
/fhem/www/tablet/webcam/IPCam_snapshot_x.jpg
habe ich ausprobiert, aber es funktioniert alles nicht.
Ein im Web frei verfügbareds Bild, z.B. von Google funktioniert dagegen einwandfrei: https://www.google.de/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png

Ansonsten habe ich noch versucht Icons aus Fhem Modulen darzustellen und dafür in der Image Komponente das Fhem Device und das Reading angegeben:
Device name: wetter
Reading name: fc1_icon
Das Image Modul akzeptiert das aber gar nicht und meldet mir ein "No URL found. Please review your component configuration".

VG,
Niklas

Syrex-o · 06 Januar 2020, 08:15:54

Zitat von: niklas am 30 Dezember 2019, 18:12:47
Hallo Syrex,

ich meinte eigentlich, ob du ein paar Beispiele nennen könntest wie man die Komponente Image verwenden kann.
Meine Bilder liegen wie im EIngangspost beschrieben auf: http://"meine IP":8083/fhem/www/tablet/webcam/IPCam_snapshot_x.jpg
Die Darstellung als "weblink image" oder auch als in einer HTML Seite in einem HTTPSRV Modul - dann unter der Adresse "http://"meine IP":8083/fhem/pics/IPCam_snapshot_x.jpg" - funktionieren unter Fhem einwandfrei.

In der Konfiguration des Images bei FhemNative habe ich nur die URL mit absolutem Pfad eingegeben. Getestet habe ich dort also:
http://"meine IP":8083/fhem/www/tablet/webcam/IPCam_snapshot_x.jpg
und auch:
http://"meine IP":8083/fhem/pics/IPCam_snapshot_x.jpg
Auch relative Pfade wie:
/fhem/www/tablet/webcam/IPCam_snapshot_x.jpg
habe ich ausprobiert, aber es funktioniert alles nicht.
Ein im Web frei verfügbareds Bild, z.B. von Google funktioniert dagegen einwandfrei: https://www.google.de/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png

Hallo Niklas,

Ich habe hier mal etwas getestet und sehe keine Probleme.
Image zeigt die Bilder von Fhem aus www problemlos an mit attr url auf Bsp.:

Code Auswählen

http://"IP":8083/fhem/www/images/default/dim81%.png

Zitat
Ansonsten habe ich noch versucht Icons aus Fhem Modulen darzustellen und dafür in der Image Komponente das Fhem Device und das Reading angegeben:
Device name: wetter
Reading name: fc1_icon
Das Image Modul akzeptiert das aber gar nicht und meldet mir ein "No URL found. Please review your component configuration".

Das sollte ebenfalls kein Problem sein.
Es scheint eher ein generelles Problem bei dir vorzuliegen.
von Proplanta kann ich zum Beispiel einfach:

Code Auswählen

fc1_weather00Icon anzeigen.

Beste Grüße

niklas · 13 Januar 2020, 22:07:48

Hallo Syrex,

entschuldige die späte Reaktion.
Tatsächlich funktioniert es jetzt bei mir, nachdem ich den Verbindungstyp auf Fhemweb geändert habe und nochmal alle meine Zugangsberechtigungen überprüft habe.

VG,
Niklas

Edit: da es mir nun endlich gelingt gespeicherte Webcam-Bilder anzuzeigen, lande ich natürlich gleich beim nächsten Problem: wenn ich FhemNative öffne, lädt es die Bilder einmalig und zeigt sie an. Wenn sich die Bilder am Speicherort aber ändern, während ich FhemNative geöffnet habe, werden keine neuen Bilder übernommen. Wahrscheinlich ist das von dir auch gar nicht beabsichtig, ich bräuchte die Funktion allerdings um mir aktualisierte Bilder anzeigen zu lassen. Ich habe zum Beispiel einen Button, der meine Webcam ein neues Bild aufnehmen und unter dem gleichen Namen abspeichern lässt. Das aktualisierte Bild wird dann aber in FhemNative erst nach einem Neustart angezeigt.

Syrex-o · 14 Januar 2020, 08:54:35

Zitat von: niklas am 13 Januar 2020, 22:07:48
Hallo Syrex,

entschuldige die späte Reaktion.
Tatsächlich funktioniert es jetzt bei mir, nachdem ich den Verbindungstyp auf Fhemweb geändert habe und nochmal alle meine Zugangsberechtigungen überprüft habe.

VG,
Niklas

Edit: da es mir nun endlich gelingt gespeicherte Webcam-Bilder anzuzeigen, lande ich natürlich gleich beim nächsten Problem: wenn ich FhemNative öffne, lädt es die Bilder einmalig und zeigt sie an. Wenn sich die Bilder am Speicherort aber ändern, während ich FhemNative geöffnet habe, werden keine neuen Bilder übernommen. Wahrscheinlich ist das von dir auch gar nicht beabsichtig, ich bräuchte die Funktion allerdings um mir aktualisierte Bilder anzeigen zu lassen. Ich habe zum Beispiel einen Button, der meine Webcam ein neues Bild aufnehmen und unter dem gleichen Namen abspeichern lässt. Das aktualisierte Bild wird dann aber in FhemNative erst nach einem Neustart angezeigt.

Kein Problem.

Da gibt es ein kleines Problem. Die Bilder werden gecached. Also könnte ich ein Update Internal einführen, was dein Bild neu lädt.
Reicht dir das? Über welches Internal sprechen wir hier?

Beste Grüße

niklas · 14 Januar 2020, 09:54:27

Das dachte ich mir schon. Also ideal wäre die option "nocache" in den Einstellungen oder man kann eben das Updateintervall dort einstellen.
Dann könnte sich das jeder selbst einstellen. Ich bräuchte vermutlich so ein 2 - 5 Sekunden Intervall.

Syrex-o · 14 Januar 2020, 20:06:52

Zitat von: niklas am 14 Januar 2020, 09:54:27
Das dachte ich mir schon. Also ideal wäre die option "nocache" in den Einstellungen oder man kann eben das Updateintervall dort einstellen.
Dann könnte sich das jeder selbst einstellen. Ich bräuchte vermutlich so ein 2 - 5 Sekunden Intervall.

Hey,

Ich hab das jetzt mal mit ein paar online IP cameras getestet und denke es funktioniert. Kommt mit dem nächsten Update.

Beste Grüße

niklas · 14 Januar 2020, 20:17:47

Großartig! Du bist klasse! Danke dir!