In 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.
