# Music player

Music player: a free component, built on your design tokens, to use in a media or podcast app. A compact player card: cover art drawn from the tokens, title and artist, a waveform you can seek, elapsed and total time, previous, play and next, and volume.

Prompt: Add the OpenDesigner component music-player to this project: https://opendesigner.dev/library/r/music-player.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: paused, playing, seeking, liked, hover, focus.

Accessibility: Seek and volume are native range inputs with names, and seek reads its time as "1:47 of 3:53"; play changes its name to Pause while playing, and the cover is decorative.

File: https://opendesigner.dev/library/r/music-player.html