The automatic website
Datum
Scroll vs Video Logik in webshow.js
JSON Property Overview
| Property | Funktion / Wirkung |
|---|---|
scrollTo |
Section ID to scroll to. • Controls the position on the page. • Everything within the section becomes visible/active. |
video |
Video ID within the section. • Starts the video at the right time. • Must always point to the specific video element. |
triggers |
Time-controlled actions: Text, audio, video volume, pause. • Active within the scene. |
Scene sequence
- ScrollTarget (
scrollTo) → Browser scrolls to the section. - VideoTrigger (
video) → Video within the section starts. - Text within the section remains visible.
- Additional triggers control audio, volume, pause, resume, etc.
Key phrase
“Scroll controls the section, video controls the 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 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.
