Karaoke Lyric Display

Sing along with scrolling lyrics!



${lyrics[currentLine]}

`; currentLine++; }, tempo); document.getElementById('start-button').disabled = true; document.getElementById('pause-button').disabled = false; document.getElementById('reset-button').disabled = false; // Show Download Button document.getElementById('download-pdf').style.display = 'block'; }); // Handle Pause Button document.getElementById('pause-button').addEventListener('click', () => { clearInterval(intervalId); intervalId = null; document.getElementById('start-button').disabled = false; document.getElementById('pause-button').disabled = true; }); // Handle Reset Button document.getElementById('reset-button').addEventListener('click', () => { clearInterval(intervalId); intervalId = null; currentLine = 0; const lyricDisplay = document.getElementById('lyric-display'); lyricDisplay.innerHTML = ""; lyricDisplay.style.display = "none"; document.getElementById('start-button').disabled = false; document.getElementById('pause-button').disabled = true; document.getElementById('reset-button').disabled = true; // Hide Download Button document.getElementById('download-pdf').style.display = 'none'; }); // PDF Download Functionality document.getElementById('download-pdf').addEventListener('click', () => { const { jsPDF } = window.jspdf; const doc = new jsPDF(); doc.setFontSize(18); doc.text('Karaoke Lyrics', 10, 20); let yOffset = 40; lyrics.forEach((line, index) => { doc.setFontSize(14); doc.text(`${index + 1}. ${line}`, 10, yOffset); yOffset += 10; }); doc.save('karaoke-lyrics.pdf'); });

The Karaoke Lyric Display is an interactive tool that helps users sing along to their favorite songs by displaying real-time lyrics with auto-highlighting. Whether you’re practicing for a performance or just having fun, this tool provides an engaging and modern karaoke experience. Simply input lyrics, set a speed, and watch the text highlight as you sing along. You can also pause, restart, and adjust playback speed for better control!

Key Features:

🎤 Real-Time Lyric Highlighting – Words light up as you sing along.
🎶 Customizable Speed – Adjust playback speed to match your song.
⏯ Play, Pause, Restart – Full control over lyric progression.
📜 Multiple Lyric Entries – Paste or type your own lyrics easily.
🎨 Modern & Stylish UI – Colorful and interactive design.
📱 Fully Responsive – Works across all devices.

How It Works:

  1. Paste or type in song lyrics into the input box.
  2. Set the playback speed to match your song.
  3. Click “Start Karaoke” and follow along with highlighted lyrics!
  4. Pause or restart anytime to practice at your own pace.