Pill-Shaped Layout
Left: Circular album art with animated progress ring.
Right: Track info (song + artist) and control buttons.
Progress Ring with extraWidth
Circular playback indicator wraps around the album art.
Adjustable thickness using the extraWidth property.
Playlist Support
Upload an array of music files.
Skip forward/backward between tracks.
Playback Controls
Play/Pause, Next, Previous buttons.
Smooth transitions and button animations.
Track Info Display
Shows current song name and artist.
Optional display of elapsed and total time.
Customization Options
Change pill background color, icons, and progress bar style.
Swap album art dynamically per track.
Pill-Shaped Layout
Left: Circular album art with animated progress ring.
Right: Track info (song + artist) and control buttons.
Progress Ring with extraWidth
Circular playback indicator wraps around the album art.
Adjustable thickness using the extraWidth property.
Playlist Support
Upload an array of music files.
Skip forward/backward between tracks.
Playback Controls
Play/Pause, Next, Previous buttons.
Smooth transitions and button animations.
Track Info Display
Shows current song name and artist.
Optional display of elapsed and total time.
Customization Options
Change pill background color, icons, and progress bar style.
Swap album art dynamically per track.
