dde15001d4f30b31d71b3977b3dec671f5b882fb
Frame-by-frame dag/natt-filmer, väderlager (Open-Meteo), vind, måne, norrsken (NOAA Kp), fyra informationsrutor med karta och platsval. Cloudflare Worker med Range-stöd för video. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
PublicCloud – himlen över Örebro
Källkoden till https://publiccloud.se: en helskärmshimmel som följer solen, månen och det aktuella vädret, med fyra informationsrutor runt en klocka.
Vad sidan gör
- Himlen följer klockan. Dagfilmen spelas från verklig soluppgång till solnedgång och nattfilmen från solnedgång till soluppgång, en bildruta åt gången (en genomspelning per period, med mjuk övertoning mellan bildrutor).
- Vädret läggs ovanpå (Open-Meteo, var 10:e minut): klart (molnen tonas bort), växlande (solen genom molnen), mulet, dimma, duggregn, regn, kraftigt regn med droppar på "glaset", åska med blixtar, snö.
- Vind (hastighet, byar, riktning): snett regn, blåsande snö och droppar, vindstråk, höstlöv (sep–nov) och byar. Vyn är vänd mot söder, så västlig vind blåser åt vänster.
- Natten: månen med rätt fas och position (skymd bakom molnen vid växlande molnighet), glittrande stjärnor, mörkt molntäcke vid mulet, norrsken från NOAA:s Kp-index.
- Fyra rutor: Just nu (väder, temperatur, vind, måne, sol, plats) · Plats (karta, "Utgå från min plats" via GPS, klick i kartan, standard Örebro slott) · Kväll & natt (betyg för stjärnhimlen, norrskenschans, meteorregn, fullmåne/nymåne) · Fotoljus (gyllene och blå timmen med väder, månens upp- och nedgång, dimma, regnbåge, nattlysande moln).
Struktur
site/
public/index.html hela sidan (HTML, CSS, JS – inga byggsteg)
public/_headers cache-regler (filmerna cachas i ett år → nytt filnamn vid ny film)
public/video/ day-v2 / night som WebM (VP9) + MP4 (H.264, reserv för äldre Safari)
worker.js Cloudflare Worker: statiska filer + HTTP Range (206) för /video/* (krävs av Safari/iOS)
wrangler.jsonc Worker-konfiguration (namn publiccloud-sky)
tools/
upscale-slowmo.sh hur filmerna togs fram: Real-ESRGAN x4plus (uppskalning) + RIFE v4.6 (slowmotion)
Driftsättning
Sajten körs som en Cloudflare Worker med statiska filer och custom domain publiccloud.se.
cd site
export CLOUDFLARE_API_TOKEN=... # konto-token med Workers-rättighet
export CLOUDFLARE_ACCOUNT_ID=...
npx wrangler deploy
Testparametrar
| Parameter | Exempel | Effekt |
|---|---|---|
t |
?t=2026-09-26T23:00%2B02:00 |
startar klockan vid en viss tid |
speed |
?speed=600 |
kör klockan snabbare |
weather |
?weather=thunder |
tvingar väder: clear, partly, overcast, fog, drizzle, rain, heavyrain, thunder, snow |
wind, winddir |
?wind=75&winddir=270 |
tvingar vind (km/h, grader) |
kp |
?kp=6.5 |
tvingar Kp-index (norrsken) |
instant |
?instant=1 |
inga övertoningar (för skärmdumpar) |
debug |
?debug=1 |
visar bildruta, sol, väder, vind, måne, norrsken |
Datakällor
- Väder och prognos per timme: Open-Meteo (gratis för icke-kommersiellt bruk)
- Kp-index nu och 3-dygnsprognos: NOAA SWPC
- Karta: OpenStreetMap via Leaflet 1.9.4 (cdnjs, SRI)
- Platsnamn: OpenStreetMap Nominatim
- Sol- och månberäkningar: formler från SunCalc (Vladimir Agafonkin), inbäddade i sidan
- Meteorregn: American Meteor Society / IMO:s kalendrar
Languages
HTML
91.9%
JavaScript
6.8%
Shell
1.3%