A clean, modern audio card with artwork, precise seeking, and A-B looping for practicing tricky sections. The inline speed chip (1× and up) and compact transport row make it perfect for podcasts, music learning, and quick previews—premium UX in a small footprint.

Functionality

• Artwork thumbnail + title & artist with neat hierarchy and truncation.

• Scrubbable seekbar with active/buffered/remaining track and tactile thumb.

• Time labels: elapsed (left) and total (right).

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

• A-B Loop button: set point A, set point B, auto-repeat the segment; tap again to clear.

• Speed chip (0.75×–2× configurable) with tap-to-cycle behavior.

• Repeat toggle for continuous playback of the whole track.

• Volume/mute control in the header.

• Smooth animations and optional haptic feedback.

• Themeable accents: color, slider thickness, thumb style, corner radii, typography.

• Responsive card with soft shadow and generous tap targets.

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

• States: playing, paused, buffering, completed; supports negative remaining if desired.

• Accessibility: high contrast, readable timecodes, screen-reader labels.

Great for: music practice, language learning, podcasts, audiobooks, and any screen that needs seek + A-B loop + speed control in a compact card.

Keywords: FlutterFlow audio player, card player, A-B loop, AB repeat, loop section, playback speed, speed chip, tempo control, seekbar, progress bar, buffered progress, draggable thumb, play pause, previous next, volume mute, time labels, elapsed time, total duration, album artwork, title artist, repeat toggle, practice mode, language learning audio, podcast player, audiobook player, compact UI, rounded card, soft shadow, responsive layout, clean design, modern UX, just_audio integration, audio service, Firestore binding, Supabase storage, REST datasource, accessible controls, premium template, Flutter widget, FlutterFlow component.