[Modul] Bildbetrachter (ImageViewer)

Erweiterungen Visualisierung (Kacheln)
1

Hi zusammen,

Eigentlich ist es ja ein Modul, aber irgendwie auch eine Kachel – ich lasse es mal hier. :wink:

Die Idee ist ziemlich simpel und unspektakulär, aber mich hat gestört, dass man mit den normalen HTML-Boxen nicht die volle Fläche nutzen konnte – anders als bei den Medien-Kacheln.
Da die Sache mit den Video-Streams bei mir anfangs auch nicht wirklich rund lief, bin ich recht schnell wieder zu den MJPEG-Streams meiner Kamera zurückgekehrt.

Hier mal ein Vorher-/Nachher-Bild:

image
image684×256 60.2 KB

Die Bedienung ist recht einfach

  • Bildbetrachter Instanz erstellen
  • URL eingeben
  • in der TileVisu direkt erstellen oder verlinken

Kurze Doku wie immer …

Man kann die URL auch dynamisch setzen - siehe Doku via RequestAction!

Viel Spaß Heiko

PS: leider gibt es noch keinen Weg den Titel bei solchen Sachen zu löschen :slight_smile:

2 „Gefällt mir“
Bild in eine Kachel per HTML Box einfügen
2

Hallo. Wie muss ich im Store suchen, um es zu finden?

3

Bildbetrachter sollte das gewünschte Ergebnis erzielen :+1:

4

Ok, dann ist die Doku nicht ganz richtig :wink:

3. Installation

  • Über den Module Store das ‚ImageViewer‘-Modul installieren.
5

Jein, ist ja en/de siehe Überschrift.

Aber ja, dort sollte man die deutsche Schreibweise verwenden!

PS: Habe es angepasst - Danke!

6

STABLE Version ist Online

Changelog * v1.1.20250915**

  • NEU: Projektumstrukturierung hin zu einer globalen CI/CD-Pipeline
  • NEU: Kompatibilität auf IPS 8.1 hoch gesetzt

Hinweis / Disclaimer
Alle meine Module werden zukünftig ausschließlich für IP-Symcon 8.1 entwickelt und getestet.
Ältere Versionen werden aus Aufwandsgründen nicht mehr unterstützt.

8

Neue BETA im Store verfügbar:

v1.2.20260105

  • NEU: Schalter(Overlay) für Auslöser/Snapshot hinzugefügt
  • NEU: Umstellung auf IPSModuleStrict

Hie mal ein Ausschnit mit Snapshot-Button …

image
image502×267 50.2 KB

TIPP: Will man nur ein Reload des Bildes erreichen, dann einfach ein leeres Script hinterlegen. Intern wird ein TimeStamp Queryparameter angehängt um ein Reload zu provozieren!

NOCH EIN TIPP: Will man keinen Namen oben links haben, dann den Link mit dem dem Unicode Zeichen (⠀) füllen. ALT+0160 und andere Leerzeichen haben bei mir nicht dauerhaft funktioniert (v8.x)!

Ciao Heiko

9

Moin Heiko,

danke für dein Modul!
Als Featurerequest, falls du es für sinnvoll erachtest und Lust hast es einzubauen: eine Option zwischen cover (Kachel ausfüllen, Rest des Bildes abschneiden) und contain (Bild immer ganz anzeigen) zu wechseln.
Bisher stelle ich das immer händisch um… Ränder sind zwar nicht schön, aber gerade bei Kamerastreams ist es manchmal ungünstig wenn etwas abgeschnitten wird und die Visu nicht genug Platz hergibt um die Kachel dem Bild entsprechend anzupassen :slight_smile:

VG Mik

10

Habe es mal in die ToDo-Liste vom Modul mit aufgenommen :smiley:

1 „Gefällt mir“
11

Habe jetzt gerade mal nachgeschaut, ich verwende per default immer „cover“. Sollte also einfach sein das dann als Standard anzubieten und man kann es dann auf „contain“ ändern.
Sollte also kein großes Thema sein.

Gruß Heiko

12

Gerade kam noch der Monk in mir durch :sos_button:

Changelog v2.0.20260713

  • NEU: Bildanpassung (cover, contain und fill) eingeführt
  • NEU: Umstellung auf öffentlichen Befehl für das Setzen einer Bild-Url
  • FIX: Modulpräfix vereinheitlicht auf WWXIV_
  • FIX: Interne Bibliotheken und Konfiguration überarbeitet und vereinheitlicht
  • FIX: Fehlende Übersetzungen nachgezogen

@mik sorry, hat etwas länger gedauert, aber ich finds mega - so kann man jetzt schön sehen wann das Bild „fast“ optimal in die Kachel passt und dann auf cover oder fill umstellen (wegen vollflächig) :smiley:

image
image1086×306 150 KB

Gruß HEiko

13

Hallo. Ich wollte das eben mal mit einer meiner Kameras ausprobieren. Die brauchen Benutzername/password.

Wenn ich das so http://USER:PASSWORT@192.168.32.52/snap.jpg im Browser (Chrome und Edge) probiere, kommt ein Bild. Nicht aber in deniem Modul. Wie machst du das?

14

Hab sowas leider nicht zum Testen. Haste mal die DevTools dazu aufgemacht und geschaut ob ein Fehler angezeigt wird?!

15

Im Browser funktioniert es ja. Bei deinem Modul kommt kein Fehler, aber auch kein Bild.

16

Manche Seiten unterbinden die Einbindung z.B. in iframe.

Du könntest das Bild per Script laden, speichern und dann im Modul nutzen.

17

Ja schon klar, aber haste mal die Visu im Browser geöffnet und dann F12 die DevTools schauen ob bei Console ein Error erscheint!

18

Da kommt kein Fehler. Eigentlich kommt da gar nichts.

19

Okay, ich schau mal ob ich da was machen kann.

20

So, habe mich mal etwas schlau gemacht.

Leider ist es so wie @ralf schreibt, diese Art von URLs sind im HTML nicht erlaubt bzw. führen zu einem Fehler :frowning: Kann man bei den DevTools im Netwerk-Tab schön sehen!

Zitat:
„Das Verhalten ist erwartbar: Moderne Browser blockieren bzw. ignorieren user:password@host in URLs, die über JavaScript in ein <img>-Element gesetzt werden. Diese Syntax ist zwar historisch Teil von URLs, wird aber aus Sicherheitsgründen (Phishing, Passwort-Leaks in Logs/History) stark eingeschränkt.“

Gruß Heiko

21

Jetzt als STABLE v2.0.20260713 im Store verfügbar!