Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[maximal1981]

Ist es möglich den Inhalt eines DP's darzustellen der ein Bild beinhaltet.

Sprich der Inhalt beginnt mit data:image/jpeg;base64,.....
Wenn ich den DP-Inhalt im VIS einfüge geht es, aber wird der DP hinterlegt, funktioniert es nicht.

[DJMarc75]

@maximal1981 sagte in Bild aus DP darstellen (base64):

aber wird der DP hinterlegt

das unbekannte Widget ist welches?

Den DP als Binding einfügen könnte aber helfen

{Datenpunkt}

[maximal1981]

@djmarc75
ich habe basic - image, basic - image 8, basic - iframe, basic - iframe8, html, .... versucht.

es geht um eine Kamera, wo ich einen kleinen Snapshot einfügen möchte und wenn möglich das Bild mit einem Klick größer machen kann wie z.B. bei vis-jgui-mfd

DP als Binding - wie und wo muss das gemacht werden. Bin im VIS eher rudimentär unterwegs

[DJMarc75]

@maximal1981 poste mal bitte den Datenpunkt... also nicht den Inhalt sondern den Pfad, dann kann ich Dir das zeigen

Pfadbeispiel

slideshow.0.picture

[maximal1981]

@djmarc75
z.B. unifi-protect.0.motions.lastMotion.thumbnail_image

[DJMarc75]

@maximal1981 nimm das normale ImageWidget:

und trage dort

im Objekt ID Folgendes ein;

{unifi-protect.0.motions.lastMotion.thumbnail_image}

[maximal1981]

@djmarc75 sagte in Bild aus DP darstellen (base64):

{unifi-protect.0.motions.lastMotion.thumbnail_image}

das hatte ich gemacht, wusste aber nicht, dass man das dann nur in der live sieht :face_palm:

hab es wie folgt gelöst, da ich keine bessere Lösung habe:

basic-image

vis-jgui-mfd

[ChristophHaas]

Hat jemand einen Tipp, wie man diesen Trick ohne Base64 hinbekommt? Ich habe ein binär gespeichertes JPEG-Bild von Frigate (einer NVR-Lösung wie Motioneye/Zoneminder), das über MQTT als Objekt abgelegt wird. Wenn ich euren Ansatz nehme, ist das Image-Widget natürlich unglücklich:

Müsste ich mir etwas in Javascript basteln, das sich die Binärdaten schnappt und in base64 umkodiert? Oder gibt es eine elegantere Lösung?

Danke im Voraus.

[OliverIO]

@christophhaas

Hier ist ein Beispiel für png
https://bobbyhadz.com/blog/convert-image-to-base64-using-node
Du musst dann einfach nur den Mime Type von png nach jpeg zu ändern
https://wiki.selfhtml.org/wiki/MIME-Type/Übersicht

[Wal]

@christophhaas ,
den Frigate Adapter kennst du aber ?

[ChristophHaas]

@wal

Danke für den Tipp. Nein, den kannte ich noch nicht. Ist ja gruselig, dass es für alles Adapter gibt. :)

Laut Doku soll der Adapter neue Objekte zu den bestehenden in mqtt.0.frigate mit URLs zu den Thumbnails erzeugen. Das macht es bei mir komischerweise nicht. Frigate schreibt seine Informationen bereits in mqtt.0.frigate rein, aber der Adapter ergänzt da noch nichts. Ich werde mal ein paar Events abwarten, ob vielleicht dann erst etwas kommt.

[Wal]

@christophhaas ,
die normalen Objekte werden gleich erzeugt und die http Adressen zu den aktuellen Snapshots werden bei Objekterkennung erzeugt.
Die neuen Objekte sind unter frigate.0 zu finden.

[ChristophHaas]

@wal Das hat einwandfrei funktioniert. Danke für's Händchenhalten. Ich war zu ungeduldig, hatte die Snapshots in Frigate nicht an (nur die Thumbnails waren zu sehen) und habe meine Objektansicht nicht neu geladen, so dass ich den Zweig frigate.0 nicht gesehen habe.

Irgendwie wäre es noch cool, wenn man auch die Thumbnails hätte. Aber das sind jetzt echt Luxusprobleme.

Jetzt können die Einbrecher kommen. Und Autos. Und Hunde. Und Brokkoli. (Ja, das Erkennungsmodell hat eine eigene Objektkategorie für Brokkoli.)