A premium media card that puts big cover art front and center with clean typography and a smooth, scrubbable seekbar. The layout balances visuals and control—featuring precise timestamps, transport buttons, an optional expand/fullscreen toggle, and volume/mute—for a polished, modern playback experience in FlutterFlow.

Functionality

• Large hero artwork with rounded corners and soft elevation.

• Title + artist line with clear hierarchy and smart truncation.

• Scrubbable seekbar with active/inactive track and tactile thumb.

• Dual timestamps: elapsed (left) and total (right), e.g., 1:30 / 3:59.

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

• Expand/Fullscreen toggle (optional) to open a richer player view.

• Volume control: speaker icon with mute/unmute behavior.

• State handling: playing, paused, buffering, completed.

• Theme-ready: adjust accent color, radii, typography, and shadows.

• Responsive card for phones and tablets; comfortable tap targets.

• Data binding from Firestore, Supabase, REST, or local assets.

• Engine-friendly: integrates neatly with just_audio and FlutterFlow audio actions.

• Accessibility: readable contrast, focusable controls, and optional haptics.

Great for: featured tracks, album details, podcast episodes, lesson audio, and editorial playlists where you want big artwork + intuitive controls.

Keywords: FlutterFlow audio player, large cover art, hero artwork, seekbar, progress bar, draggable thumb, time labels, elapsed time, total duration, play pause, previous next, volume mute, fullscreen toggle, expand player, music player UI, podcast player, album detail card, rounded corners, soft shadow, responsive layout, minimal UI, clean design, mobile media player, just_audio integration, audio service, Firestore binding, Supabase storage, REST datasource, accessible controls, modern UX, premium template, Flutter widget, FlutterFlow component.