Live Synchronized Lyrics & Enhanced Music Embed - Beatra Major Update
We're thrilled to announce a major update to Beatra that brings real-time synchronized lyrics, a completely redesigned music embed interface, and improved playback controls. These improvements make your music listening experience more immersive and visually stunning.
π΅ Real-Time Synchronized Lyrics with LRCLIB
One of the most requested features has finally arrived: live synchronized lyrics. Now when you play a song with available synced lyrics, you'll see the current lyric line displayed in real-time in the music embed, perfectly synchronized with playback.
How It Works
- LRCLIB Integration: We've integrated with LRCLIB, a community-driven lyrics database that provides high-quality synchronized lyrics for millions of songs.
- Intelligent Fallback: If LRCLIB doesn't have synced lyrics, we fall back to other sources, ensuring you always get the best available lyrics.
- Smart Caching: Lyrics are intelligently cached to optimize performance and reduce API calls.
- Signature-Based Matching: We use music signature matching to accurately find the right lyrics even for different versions of the same song.
Lyric Timeline Features
When synced lyrics are available:
- The current lyric line appears prominently in the embed
- Lyrics update automatically as the song plays
- The embed respects lyric timing to prevent update conflicts
- Progress bar remains in sync with your music
π¨ New Components V2 Embed Design
We've completely redesigned the now-playing embed with a modern, Components V2-based architecture that provides:
Layout Improvements
Previous Layout:
- Title and controls were scattered
- Progress bar was in an awkward position
- Limited visual hierarchy
New Layout (Top to Bottom):
- Header Section - "Now Playing β Requested by: @username" (compact H3 size)
- Song Information - Title, artist, and thumbnail
- Live Lyrics Line - Current lyric (when available)
- Like/Playlist/Dislike Buttons - Quick action row
- Progress Bar - Visual guide with timestamps
- Control Buttons - Volume, Back, Skip, Stop controls
- Queue & Settings - Queue, Loop, Autoplay, Lyrics buttons
- Separator Line - Visual break for clarity
- Web Panel Promotion - Footer information
Visual Enhancements
- Cleaner Header: Reduced font size (β15% smaller) for better visual balance
- Progress Bar Repositioning: Now positioned between button groups for better flow
- Separator Line: A sleek visual break before the footer text
- Custom Emoji System: All controls use Beatra's custom Discord emojis for a cohesive look
βͺ NEW: Back Command
We've added a highly requested feature: the Back Command. Now you can easily go back to the previous song in your playback history.
How to Use
Simply use /back or click the Back button in the music embed to:
- Jump to the previously played song
- Resume from where you left off
- Navigate through your play history
This feature integrates seamlessly with the rest of Beatra's playback controls.
βοΈ Smart Update Scheduling
Behind the scenes, we've implemented intelligent update scheduling to prevent rate-limiting while keeping embeds fresh:
- Dynamic Timing: The embed update cadence adapts based on whether synced lyrics are present
- Lyric-Aware Updates: When synced lyrics are available, updates align with lyric timeline changes
- Fallback Behavior: Without synced lyrics, updates occur every 7 seconds
- Rate-Limit Safe: Single-threaded scheduler prevents overlapping updates
π Technical Improvements
For the technical minds:
- Enhanced
LyricsManager with LRCLIB signature-based lookups and scored search fallback
MusicPlayer now supports synced lyrics state tracking with dynamic scheduling
MusicEmbedManager rewritten for Components V2 with new layout ordering
- Synced lyric parsing with
[MM:SS.ms] format support
- Intelligent timeline tracking for precise lyric synchronization
π Performance & Reliability
- Zero Breaking Changes: Existing functionality remains unchanged
- Fallback Support: Music plays normally even without synced lyrics available
- Optimized Caching: Lyrics are cached to reduce API requests
- Error Handling: Graceful degradation if LRCLIB is unavailable
π― What's Next?
We're continuously working on improving Beatra. Future improvements might include:
- Offline lyric support
- User-contributed lyric corrections
- Lyric search functionality
- More lyric source integrations
π± Try It Now
The update is live now on both the bot and the Beatra web panel. Here's what to do:
- Update Beatra - The latest version is already deployed
- Play a Song - Check out the new embed design with your favorite track
- Look for Lyrics - Songs with available synced lyrics will show live lyric updates
- Use Back Command - Try jumping between songs in your history
π Feedback
We'd love to hear what you think about these improvements! Join our Support Server to share your feedback, report issues, or suggest new features.
π Credits
Thank you to:
- LRCLIB Community - For providing high-quality synchronized lyrics
- Discord.js Team - For the amazing bot framework
- Our Community - For requesting these features and supporting Beatra
Happy listening! π΅
Beatra - Music for Everyone