The automatic website
Datum
Scroll vs Video Logik in webshow.js
JSON Property Overview
| Property | Funktion / Wirkung |
|---|---|
scrollTo |
Section-ID, zu der gescrollt wird. • Steuert die Position auf der Seite. • Alles innerhalb der Section wird sichtbar/aktiv. |
video |
Video-ID innerhalb der Section. • Startet das Video zum richtigen Zeitpunkt. • Muss immer auf das konkrete Videoelement zeigen. |
triggers |
Zeitlich gesteuerte Aktionen: Text, Audio, Video-Volume, Pause. • Innerhalb der Scene aktiv. |
Scene Ablauf
- ScrollTarget (
scrollTo) → Browser scrollt zur Section. - VideoTrigger (
video) → Video innerhalb der Section startet. - Text innerhalb der Section bleibt sichtbar.
- Weitere Triggers steuern Audio, Lautstärke, Pause, Resume etc.
Merksatz
„Scroll steuert die Section, Video steuert den Player.“
It has been several years since I worked on the idea of an automatically self-introducing website. The online exhibition „The Root of Yggdrasil (to the online exhibition):https://arteurope.de/nif shows the most advanced result. But with SMIL and SVG, I had programmed myself into a dead end. This is a solution using HTML, CSS, JavaScript, and JSON.
← Älter Neuer →
