waveform-audio-player-widget
flutterflow-custom-waveform-audio-player-widget
About

A sleek, rounded audio card featuring an animated waveform progress bar ๐ŸŒŠ and essential transport controls โฎ๏ธโฏ๏ธโญ๏ธ. Perfect for inline previews in feeds, lists, and detail pages, it keeps the footprint tiny while delivering a polished, modern listening experience โœจ. Fully themeable ๐ŸŽจ and plug-and-play with your audio backend โ€” ideal for any FlutterFlow app.

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: smart title truncation / ellipsis for narrow widths.

  • โฑ๏ธ Time label: total duration (easy wiring for elapsed/remaining).

  • ๐Ÿ”Š Volume control: mute/unmute or slider popover ready.

  • ๐Ÿ’ณ Rounded card container with soft shadow and clean white surface.

  • ๐ŸŽจ Accent theming: gradient colors, icon set, radii, typography.

  • ๐Ÿงญ Clear states: playing โ–ถ๏ธ, paused โธ๏ธ, disabled/empty artwork ๐Ÿšซ.

  • ๐Ÿ“ Responsive layout: great for list rows, grid tiles, or compact UI slots.

  • ๐Ÿ”Œ Data-ready: Firestore / Supabase / REST / Local assets integration.

  • ๐Ÿ› ๏ธ Engine-friendly: works with just_audio + FlutterFlow actions.

  • ๐ŸŒ— Light/Dark support: accessible contrast & legible timecodes.

Perfect for ๐Ÿ’ก

Inline song previews ๐ŸŽถ, podcast snippets ๐ŸŽ™๏ธ, lesson audio ๐Ÿ“š, SFX clips ๐ŸŽผ, and media embeds in social/e-commerce apps ๐Ÿ›๏ธ.

Keywords ๐Ÿ”Ž

FlutterFlow audio player, waveform audio player widget, 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.

Waveform Mini Player v.1

Weโ€™ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.