A clean, inline audio track slider with circular artwork, a draggable seekbar 🎚️, and crisp time labels ⏱️. Built for lists, cards, and detail pages where you need a low-profile player that still feels premium. Easily theme the accent, typography, and corner radii 🎨 to match any FlutterFlow project in seconds.
Functionality ⚙️
-
🖼️ Circular artwork avatar with play/pause overlay ▶️⏸️ for instant control.
-
🧾 Title + artist line with smart truncation/ellipsis … for narrow widths.
-
🎚️ Draggable seekbar with active/inactive track and a tactile thumb.
-
⏱️ Time readout showing elapsed / total (e.g., 1:15 / 3:21).
-
🧭 Clear states: playing ▶️, paused ⏸️, buffering ⏳, completed ✅.
-
🫡 Smooth progress updates synced to current position & duration.
-
🎨 Theme-ready: adjust colors, type scale, elevation/shadow, avatar size.
-
📐 Responsive layout fits list items, grids, and compact cards.
-
🔌 Data binding: Firestore / Supabase / REST / local assets.
-
🛠️ Engine-friendly: integrates with
just_audio+ FlutterFlow actions. -
♿ Accessibility: generous tap targets & readable contrast.
Perfect for 💡
Inline song previews 🎵, podcast episodes 🎙️, voice notes 🗣️, course lessons 📚 — any media list needing a minimal, fast player.
Keywords 🔎
FlutterFlow audio player, mini player, compact player, track slider, seekbar, progress bar, play pause overlay, album artwork avatar, inline audio, list row player, time labels, elapsed time, total duration, buffering state, just_audio integration, audio service, Firestore binding, Supabase storage, REST datasource, clean UI, minimal design, rounded corners, responsive layout, mobile media player, Flutter widget, FlutterFlow component, lightweight player, modern UX, draggable thumb, active track, premium template, small footprint.
