Every webpage already has a structure. We let you hear it. This page IS the instrument.
This standalone page runs the exact extension pipeline: DOM traversal, computed-style sampling, geometry buckets, structural fingerprint, deterministic score generation and Web Audio synthesis. Reload and press play again — same structure, same music.
The fingerprint is hashed from the canonical URL plus structural statistics, so a page whose layout changes will also change its melody, tempo and orchestration.
HTML provides structure, CSS provides timbre, the DOM provides topology, geometry provides space. The music grammar layer quantizes everything into a listenable score.
W → F(W) → Z → S_W → Θ → Q → A
Buttons below exist purely to raise this page's button density — which the mapping turns into percussion presence. In Live Mode they also toggle a real DOM node, so clicking one is literally adding or removing an element — try it while Live Mode is playing.
Deep trees widen the pitch register. Nested content produces wider intervals for the melodic walk.
Link-dense pages get busier arpeggios: navigation-heavy sites literally sound more plucked.
Dark palettes choose minor scales and darker timbres; bright marketing pages drift major.
No. Analysis is local-only; the extension never transmits page content anywhere.
Deterministic seed: Hash(CanonicalURL, StructuralFingerprint). Regenerate mixes in a variation index while keeping the site's identity.