Card music player widget 🎧✨ — a clean, modern audio card with bold artwork, precise scrubbing, and 🔁 A-B looping for practicing tricky parts. The inline speed chip (1× ➜ 2×) ⚡ and compact transport row make it perfect for podcasts, music learning, and quick previews — premium UX in a small footprint.

Functionality

• 🖼️ Artwork + metadata: thumbnail, title & artist with neat hierarchy and smart truncation.

• 🎚️ Precise seekbar: active/buffered/remaining track with a tactile draggable thumb.

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

• ⏯️ Transport: previous, play/pause, next.

• 🔂 A-B Loop: set A ➜ set B ➜ auto-repeat; tap to clear.

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

• 🔁 Repeat toggle: loop the full track when needed.

• 🔊 Volume/Mute: quick control in the header.

• 🌊 Delightful feel: smooth animations + optional haptics.

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

• 📱 Responsive card: soft shadow, generous hit targets.

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

• 🟢 States: playing, paused, buffering, completed (supports negative remaining).

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

Great for 🎻 music practice, 🗣️ language learning, 🎙️ podcasts, 📚 audiobooks — anywhere you need seek + A-B loop + speed in a compact card.

Keywords: FlutterFlow audio player, card music player widget, 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, album artwork, repeat toggle, practice mode, language learning audio, podcast player, audiobook player, compact UI, rounded card, responsive layout, clean design, modern UX, just_audio integration, audio service, Firestore binding, Supabase storage, REST datasource, accessible controls, Flutter widget, FlutterFlow component.