All projects
Browser audio interface / 2024
Wave Music Player
A tactile browser music player with transport controls, track navigation, and synchronised progress.
CASE STUDY / 07
OVERVIEW
Wave turns a compact audio library into a responsive player with play and pause, next and previous track controls, volume handling, and progress updates.
01
The challenge
Audio interfaces have multiple pieces of state moving at once: the selected track, playback status, elapsed time, duration, and user-driven seeking all need to stay in sync.
02
The solution
I coordinated React state with the browser audio element and built a focused Sass interface that keeps the primary transport controls prominent on any screen size.
03
What shipped
- HTML audio integration
- Track and volume controls
- Synchronised progress UI
- Responsive Sass design
OUTCOME
A practical exploration of media APIs and synchronised interface state in React.