panariello /apps 6 appsweb audiono build step
~ / tonypanariello / apps  ·  music

Six small things that make · noise.

Each one is a single self-contained page. No framework, no bundler, nothing to install: open it and it runs. The sound is synthesised in the browser with the Web Audio API, except where a real recorded instrument sounded better, and one of them will program a groove for you if you describe it.

They started life in a private playground and were pulled out to stand on their own. The code is on GitHub.

appsclick a tile to open it
Beat Maker: a nine-lane step sequencer with a melody roll, chord pads and an on-screen keyboard
beat makerweb audio · midi · gemini · dev

Nine drum lanes, a melody roll, chord pads and a keyboard, at sixteen steps a bar with swing, accents and Euclidean fills. Type “rainy midnight lo-fi” and Gemini programs the grid, the tune and the changes; or ignore that button and build it by hand. Exports MIDI.

open the sequencer
Theremin: a dark field where the pointer's position sets pitch and volume
thereminsynth

Pitch and volume follow the pointer, the way the instrument does. Snap to a scale or play it straight.

Guitar: a six-string fretboard and body with chord shapes below
guitarsampled · dev

Strum across the strings, fret a note on the neck, pick a chord and noodle. Real steel and nylon samples.

Song Structure Builder: a circle of fifths above a row of intro, verse and chorus blocks
song buildersynth

Drag intro, verse, chorus and bridge into a row, pick a progression for each, and hear a rough demo of the arrangement.

Musikalisches Würfelspiel: two dice beside four staves of engraved notation
dice minuetsampled · midi

Mozart’s dice game, K. 516f. Roll the bones, get a minuet assembled from his 1787 table. Every combination fits.

Ambient Mixer: rows of faders for rain, thunder, waves and other field recordings
ambient mixerrecordings

Layer rain, thunder, waves and fire across the stereo field, or let it drift on its own.

how they are builtsource
runtime
soundWeb Audio API
frameworknone
build stepnone
page per appone file
shared
instruments6 soundfonts · 12 MB
used byguitar · minuet
if missingfalls back to synth
field recordings23 · licensed
the one server call
appbeat maker
buttonGenerate
modelGemini
without iteverything else works