---
title: Waveform Player
description: An audio player where the waveform is the tape.
url: https://dogaundar.com/components/waveform-player
---

# Waveform Player

An audio player where the waveform is the tape.

Tags: Interaction, Audio, Hardware UI

_Interactive demo. Open this page in a browser to try it._

- `Space`: Play / pause
- `←` / `→`: Seek 5s
- `↑` / `↓`: Volume
- `M`: Mute

Designed in Figma, then built in code. The waveform is the tape in a cassette: the reels wind it as the song plays, the played part warms to amber, and you drag the tape to scrub. The keys work like a deck: tap rewind or fast-forward to skip, hold to wind the reels, and auto-reverse flips to side B at the end.

Previous: [Confidence-Aware Response](https://dogaundar.com/components/confidence-aware)

---

Doğa Ündar, UI/UX Designer. Email: undardoga@gmail.com. All pages: https://dogaundar.com/llms.txt