indi Allsky-Livebilder in WordPress einbinden – Aufbau und Funktionsweise meines Plugins

Ccd6 20251227In diesem Beitrag zeige ich, wie ich die Einbindung eines Allsky-Livebilds in WordPress per eigenem Plugin gelöst habe.
Ziel war eine performante Darstellung ohne unnötige Ladezeiten – mit serverseitiger Bildoptimierung, automatischer Aktualisierung des Vorschaubilds und einem Overlay für das Originalbild.

Ergänzend informiert ein integriertes Fallback darüber, wenn die Kamera oder die Verbindung temporär nicht verfügbar ist.

Grundlage für den Einsatz des Plugins sind:

  • die Verfügbarkeit von indi-allsky im Web – zum Beispiel unter einer eigenen Subdomain
  • eine sauber laufende WordPress-Installation – REST wird nicht benötigt
  • optional Polylang für Mehrsprachigkeit

Im Folgenden erkläre ich den Aufbau und die einzelnen Funktionsblöcke des Plugins Schritt für Schritt. Weiter unten findet ihr zudem den Download-Link.

Raspberry Pi als digitaler Bilderrahmen im Kiosk-Modus – Hardware, Setup & Troubleshooting

External displayIch hatte die verrückte Idee, einen digitalen Bilderrahmen zu bauen um darauf das immer aktuellste Foto meiner Allsky-Kamera anzeigen zu lassen. Auslöser war vor allem die Erkenntnis, dass es bei indi-allsky mit Redirect Views total einfach ist, das immer aktuellste Bild ausspielen zu lassen. Und die zweite Erkenntnis: Touch-Displays sind gar nicht mal so teuer.

In diesem Beitrag dokumentiere ich ein praxiserprobtes Setup mit Raspberry Pi 4, HDMI-Touchdisplay und Chromium im echten Kiosk-Modus – inklusive typischer Stolperfallen und deren Lösungen.

Hardware-Setup

Für das Setup wurden folgende Komponenten verwendet:

  • Raspberry Pi 4 (2–8 GB RAM)
  • HDMI-Touchdisplay (10,1 Zoll, 1280×800) – gibt es z.B. beim großen chinesischen Online-Händler – Detailinfos hier
  • MicroSD-Karte (mind. 32 GB)
  • Getrennte Stromversorgung für Raspberry Pi und Display
  • USB-Touchkabel + HDMI-Kabel

Anders als vom Hersteller angegeben nutze ich weder ein Y-Kabel noch eine Durchschleiflösung für die Stromversorgung von Pi und Display sondern ein Dual-Port-Netzteil (USB-C für den Pi, USB-A/Micro-USB für das Display).

indi-allsky: Immer das neueste Bild oder Video automatisch ausliefern per Redirect Views

Beispielbild aus der Allsky-Kameraindi-allsky bringt von Haus aus alles mit, um immer das aktuellste Bild oder Video der Allsky-Kamera per Redirect bereitzustellen. Damit lassen sich ohne viel Bastelaufwand Websites, Blogs oder Dashboards mit „Live“-Ansichten der Kamera versorgen.

Ich nutze das Ganze auf dieser Seite:
Livebild Allsky-Kamera in Rodgau-Weiskirchen

Allsky-Kamera unter eigener Subdomain erreichbar machen

Nach der Einrichtung der myFRITZ! Freigabe wollte ich gerne meine Allsky-Kamera auch unter einer eigenen Subdomain erreichbar machen.

Hierfür habe ich – wie hier beschrieben – zunächst die myFRITZ! Freigabe eingerichtet. Anschließend habe ich bei meinem Webhoster all-inkl.com einen sogenannten CNAME-Eintrag für die Subdomain angelegt.