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