Eigener Bildschirmschoner mit HTML, CSS und Javascript
Vor langer Zeit habe ich bereits einmal über mein Wunsch nach einem Bildschirmschoner für Windows der eine Webseite anzeigt geschrieben.
Dank NW.js (früher node-webkit), einem Webkit Browser mit node.js, ist es mit etwas HTML, CSS und Javascript kein Problem eine Foto Slideshow im Vollbild anzuzeigen. Dazu startet NW.js im Kiosk-Modus. Durch NW.js ist der Bildschirmschoner für auch für Mac und Linux nutzbar.
Früher realisierte ich die Slideshow noch mit der Library Backstretch. Doch aus verschiedenen Gründen entstand über die Zeit der Wünsch nach mehr Flexibilität. Und so begann ich die Slideshow Funktion von Grund auf selbst zu schreiben.
Alles im Repository auf GitHub nachzuverfolgen und natürlich auch zum herunterladen. Oder hier in der Demonstration.
Die Feature Liste schaut mittlerweile so aus:
- Die Fotos werden aus einem Ordner ausgelesen
- Shuffle Modus (Reihenfolge wird beim Start einmalig gemischt)
- Dauer der Bildanzeige und der Übergangsanimation sind frei einstellbar
- Querformat Bilder werden mit imagefill.js Bildschirmfüllend angezeigt
- Hochformat Bilder werden passend angezeigt und der leere Bereich rechts und links wird durch eine im Hintergrund liegende, weichgezeichnete, Version des Bildes ausgefüllt (wahlweise per CSS3 Blur Filter oder background-blur)
- Kamera, Brennweite, Blende, Verschlusszweit und ISO aus den Exif Daten werden am Bildschirmrand angezeigt (exif-js)
- Anzeige der evtl. vorhandenen geolocation aus den EXIF Daten auf einer kleinen Karte
- Exif Daten und Karte können getrennt voneinander ausgeblendet werden
- ← Previous
Mallorca - Next →
iOS App Empfehlung – HDE OTP Generator