Lyrics Overlay

🎧 Your perfect karaoke, right in your browser! 'Lyrics Overlay' Display the lyrics you want, beautifully, over the video or music you're playing in your browser! No complex video editing or heavy software — this is a powerful yet lightweight extension that overlays synced lyrics (subtitles) directly on top of your browser screen. ✨ [Core Feature Guide] 1. 🎵 Auto-Detect & Auto-Sync When you play a song on a supported music or video site, the extension automatically finds matching lyrics in your library and syncs them to the exact playback position. Seeking the timeline or looping the track? The lyrics follow along seamlessly. 2. 🔗 Video-Lyrics URL Sync Use the 🔗 button on the floating remote to anchor "the current lyric position" to "the video's current playback time" in one tap. Revisit the same video later and the lyrics restore automatically at the exact right moment. Register multiple songs at different time ranges within a single long video — lyrics switch automatically as you watch, and release automatically once you seek outside a registered range. 3. 🎯 Free Positioning & Click-Through Mode Place lyrics anywhere on the screen. Use 'Select Area 🎯' to snap the lyric box onto your video player. 'Click-Through Mode' fades the lyric box to a set opacity on hover and lets clicks pass straight through to the page underneath. 4. 🕹️ Powerful 'Floating Remote' Control everything from a mini remote on-screen, without ever opening the popup! - Always-on (per-site setting): Turn on 'Remote ON' for your favorite sites and the remote appears automatically when you visit. - Site-matched themes: The remote's theme color adapts to the site you're on. - Smart panels: Search your lyric library and check the timeline right from the remote; panels expand up or down based on the remote's position. - Custom buttons: Choose which buttons appear on the remote in settings. - Icon style: Clean vector icons by default — switch to emoji anytime in settings. - Timeline auto-scroll: Toggle auto-scroll to the current position, or jump there instantly with one button. - Minimize mode: Collapse the remote with one click so it never blocks your video. - 🆕 Player remote: On CHZZK, you can put the remote inside the video player instead. It appears only when you hover over the player, stays visible in wide and fullscreen modes, and can sit on the left, top, or right while avoiding the player's own on-screen elements. 5. 📁 Effortless Library & Smart Search Add SRT subtitle files by drag & drop. Store countless lyrics and pull them up instantly with search. Results show a chip indicating which field matched — artist, title, or keyword — with the matching text highlighted. 6. ✏️ Subtitle Editor & Info Manager Edit subtitle timing, original text, pronunciation, and translation directly from a built-in editor. A dedicated info management page lets you view and update metadata — title, artist, number, keywords, video sync entries — for all library items at once. 7. ☁️ Google Sheets Sync (Cloud Sync + Auto Sync) Just enter a sheet URL and all lyric data syncs straight into your library. Column E supports video-lyrics sync data (URL|offsetMs format), so your sync registrations can be managed and shared via the sheet too. Turn on "Auto Sync" in settings to sync automatically in the background every hour / 6 hours / day, even with the popup closed (off by default). Local edits to lyrics, keywords, Auto Only, and video sync data are merged smartly instead of being silently overwritten during sync. 8. 🎨 Your Own Custom Design Supports automatic 3-line separation of Original / Pronunciation / Translation (styling adapts to the number of SRT lines). Customize font, color, background opacity, blur, text outline, animation, and lyric box alignment (left / center / right). Per-site design overrides are also supported. 9. ⏱️ Fine Sync Adjustment Adjust timing in 0.1-second steps with the arrow keys (←, →), or 0.5-second steps with Shift + arrow keys — and fine-tune from the remote buttons too. 10. 🔼🔽 Previous/Next Lyrics Preview Shows the previous and next lines, smaller, right above and below the current line — like a karaoke screen. The lyric box height stays fixed even when the line count changes or there's a blank gap. Preview font scale and opacity are independently adjustable. 11. 📜 Extra Conveniences - Auto-scroll: Long song titles or artist names scroll smoothly like a marquee. - End notice: Shows 🎵 Finish 🎵 on screen when the lyrics finish. (Toggle in settings.) - Progress bar: Displays a playback position bar at the bottom of the browser. - Backup / Restore: Export and import general settings and design settings independently as JSON files. 📝 [What's New — v1.6.0] - 🕹️ Added the player remote: the remote can now sit inside the video player, shown only on hover, in wide and fullscreen modes too, with a choice of left / top / right - 🔔 Added a one-time tip that introduces the new feature after updating - 🔧 Renamed the "Floating Remote Buttons" setting to "Remote Control Buttons" (applies to both floating and player remotes) 🔒 [Privacy & Security] 'Lyrics Overlay' runs entirely in your browser's local environment (chrome.storage). Apart from data you add yourself, it never collects or transmits any personal information to external servers — 100% safe. (When using Google Sheets sync, it only accesses the sheet URL you provide.) 📌 [Help & User Guide] The list of supported sites for each feature, detailed usage, shortcuts, and backup instructions are in the Help page — click the [?] Help button in the extension popup.