🎞️ Clip Piano 🎹

A tiny browser toy: a one-octave piano where every key "sings" an embedded clip, pitch-shifted to that note. No install, no upload — just open the single HTML file.

Features

• Play a clip as an instrument — each key replays the round face and plays its sound pitch-shifted to that note; polyphonic, so several keys ring at once
• One-octave keyboard — white + black keys (C → C); tap them or use the computer keyboard
• Octave switch — ⬅️ / ➡️ (or the arrow keys / number keys) move between octaves (C2–C6)
• Squish animation — the face and its cat ears flatten with a little bounce on every press

How it works

The embedded clip (a Clip Cut snippet — an inline WebM data URL) is decoded once into a Web Audio buffer and replayed per key at rate = 2^((midi − ref) / 12), so each key is the same clip sung at that pitch. The face on screen is that same clip clipped to a circle.

Notes

• Everything runs in the browser — nothing is uploaded
• The voice and face both come from the embedded clip; swap that clip to change them
• Uses WebM (VP9 + Opus); Safari and iPhone/iPad browsers may not play WebM

#piano #music