SplasheryPlayground
Song Landscape, standing in a box with a red wall and a green wall.

Please do not tap the glass.

Song Landscape

A song is a wave, but you can also see what it is made of.

Open in the PlaygroundHow to play

The facts

Shelf
Studio
Kind
Built from a recipe
Your own
Your own song
Sound
Yes
Licenses
CC0, Apache-2.0, MIT

How to play, in the Playground

Tap to play and watch the land rise with the song; drag to turn or tilt. More in the Splash tab.

Its controls

ControlKindRangeStart
Play or pause the songTap
PlayButton
Color followsList6 choicesPitch (a rainbow across)
ViewList2 choicesLive (scrolls with the music)
Background (line looks)List2 choicesPaper

About it

A song is a wave, but you can also see what it is made of. This splash measures each 40-millisecond slice of it: how loud each pitch is, how loud it is overall, its pitch and its brightness. Open your own song in the Splash tab (it stays on your device), or use the microphone: what it hears is kept in the page's memory to play back, and saved only if you tap Save.

Live opens on an empty plain: each moment rises at the bright line at the front as it plays and moves back. Whole song shows it all at once. Pitch: low notes on the left, high on the right, louder pitches as higher hills, colored like a rainbow. Loudness: the same, dark blue for quiet to white for loud. Ribbons: six bands, bass (teal) to treble (orange), each wider when louder. Tube: a ring per slice, wider when louder, tilted by pitch, turning orange when bright. Lines: one line per slice, like stacked mountain outlines. Mesh: the same as a wire net.

Details

Splats
Opens at 200,000 at Mid Detail, 49,457 at Low, and up to 1,000,000 at Max
Your own files
audio/*, .mp3, .wav, .ogg, .m4a, .flac, .aac, .opus

Sources and credits

WorkByLicense
Clair de lune, from the Suite bergamasque (Claude Debussy, 1905; public domain), played as the Grand Piano plays it, with its recorded notes (TEDAgame, CC0)Splashery (a rendering of the public-domain score)CC0 1.0
Sample song (our own tune, made by tools/make-song-sample.mjs)SplasheryCC0 1.0

Libraries

Apache-2.0
Depth Anything V2 Small, quantized ONNX (lane LSTUDIO, copied from Splashery)
MIT
ONNX Runtime Web 1.30.0 (its modules)

In The Splash Manual

  1. Chapter 10: Make your own

Share it

Nearby in the collection