A sleek, rounded audio card with an animated waveform progress bar and essential transport controls. Perfect for inline previews in feeds, lists, and detail pages, this widget keeps the footprint tiny while delivering a polished, modern listening experience. Fully themeable and plug-and-play with your audio backend.

Functionality

• Animated waveform progress with gradient fill for the played segment.

• (Optional) waveform seek — tap/drag to jump within the track.

• Transport controls: previous, play/pause, next.

• Track metadata line: title with smart truncation/ellipsis for narrow widths.

• Time label for total duration (and easy wiring for elapsed/remaining).

• Volume button (mute/unmute or slider popover ready).

• Rounded card container with soft shadow and clean white surface.

• Accent theming: customize gradient, icon set, radii, and typography.

• Clear states: playing, paused, disabled/empty artwork.

• Responsive layout for tight list rows and grid tiles.

• Data-ready: bind to Firestore/Supabase/REST/Local assets.

• Audio-engine friendly: works great with just_audio + FlutterFlow actions.

• Light/Dark support with accessible contrast and legible timecodes.

Great for: inline song previews, podcast snippets, lesson audio, SFX clips, and media sections inside e-commerce or social apps.

Keywords: FlutterFlow audio player, waveform player, mini player, compact audio card, inline audio, animated waveform, waveform seek, progress bar, play pause, previous next, volume control, mute toggle, time label, duration display, track title, ellipsis truncation, rounded corners, soft shadow, gradient accent, minimal UI, clean design, mobile media player, podcast preview, song preview, just_audio integration, audio service, Firestore binding, Supabase storage, REST datasource, Flutter widget, responsive layout, light theme, dark theme, media controls, premium template, small footprint, modern UI, FlutterFlow component.