🐢 IShowSpeed Bark Piano 🎹

By Just Sparrow

Just Sparrow

0 subscribers

Based on the following code

Clip Piano 🎞️ 🎹

Clip Piano 🎞️ 🎹

Coddie

21 views Β· 7d ago

3 viewsΒ·1h ago

🐢 IShowSpeed Bark Piano 🎹

A single-file HTML clip piano built around one short IShowSpeed "bark" clip. The same clip is both the sound and the face: pressing a key plays it pitch-shifted to that note, while the round, floppy-dog-eared face on top replays and wobbles in time. Polyphonic, one octave, zero dependencies β€” a loud, silly little instrument made for a shorts-style clip.

Wrapped in the family's picture-book skin (warm brown outlines, pastel fills, big cute head) on a portrait 9:16 page, with a "Please subscribe and like!" footer.

How to Play

  • Tap / click the keys β€” hold and drag across them to glissando.
  • Computer keyboard: white keys A S D F J K L ;, black keys W E U I O.
  • Octave: number keys 2–6 jump straight to an octave, or ← / β†’ to shift.

Tech

  • Single HTML file β€” no build step, no external assets (the clip is a Base64 WebM baked in).
  • Web Audio API decodes the clip once, then plays a fresh pitch-shifted BufferSource per key (rate = 2^((midi βˆ’ 60) / 12)), so it stays fully polyphonic.
  • The on-screen face is the same clip as a muted, circle-clipped <video>, replayed and animated per note.

#piano #music #IShowSpeed #bark #meme #toy #webaudio

Loading comments...

Other Codes

No other codes yet