Turn any track into a sing-along moment. This fullscreen lyrics player blends a rich, blurred backdrop from the cover art with a glassy “now playing” card and line-by-line karaoke highlighting. Smooth auto-scroll, bold current-line emphasis, and a floating play/pause button create a cinematic, performance-ready experience right inside FlutterFlow.

Functionality

• Dynamic backdrop: fullscreen cover art with dim/blur overlay for perfect contrast.

• Now Playing card: compact header with artwork, track title, and artist.

• Karaoke highlighting: large current line in accent color; previous/next lines softly dimmed.

• Auto-scroll syncing: lyrics advance in time with playback for hands-free reading.

• Optional timecoded input: plug in LRC/JSON timestamps for precise alignment.

• Floating play/pause control centered at the bottom with generous hit area.

• Glassmorphism panels with rounded corners and subtle depth.

• Responsive typography: adjustable font size/weight and safe wrapping for long lines.

• State handling: playing, paused, buffering, completed (ready for UI feedback).

• Themeable accents: tweak highlight color, blur strength, background dim, and radii.

• Data-ready: bind lyrics/metadata from Firestore, Supabase, or local/remote JSON.

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

• Accessibility: high-contrast active line, readable hierarchy, and focusable controls.

• Fallbacks: displays track info gracefully when lyrics are unavailable.

Great for: music apps with lyrics, karaoke/sing-along modes, podcast transcripts, language-learning apps, and immersive now-playing screens.

Keywords: FlutterFlow lyrics player, karaoke player, synced lyrics, LRC support, timecoded lyrics, auto scroll, captioning UI, subtitle UI, sing along, now playing screen, blurred background, dynamic backdrop, glassmorphism, highlighted line, phrase highlighting, floating play button, play pause, music app UI, transcript viewer, TTML/JSON timestamps, just_audio integration, audio service, responsive typography, accessibility, dark mode, light theme, album artwork, track metadata, full screen player, premium template, Flutter widget, FlutterFlow component, media controls, cinematic UI, rounded corners, gradient overlay, karaoke mode, performance ready.