Skip to content

realaurora-stw/song-player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 MP3 Player with word-by-word live transcript

❤️ Spotify Lyrics App · Mix any MP3 with ElevenLabs JSON transcripts to create a word-by-word synced lyrics file — just like Spotify Lyrics, but offline. Play it in player.html with live highlighting, volume control, and optional audio effects like nightcore, slow + reverb, and more. You can even decode and edit your custom .songlyrics files anytime.
⌛ This project took over 90 hours to code from scratch! If you like it, please consider starring the repo or forking it to modify it however you like! :)

🧪 How to Use

  1. 🎧 Download your song as an MP3
  2. 🗣️ Upload the MP3 to https://elevenlabs.io/app/speech-to-text
  3. 📤 Export the transcript as JSONdo not check "include speakers"
  4. 🧪 Open mixer.html and upload both the MP3 and the JSON file → You’ll get a .songlyrics download
  5. 🎬 Open player.html, load the .songlyrics → Done. Word-by-word playback.

📁 Files

  • player.html = MP3 Player
  • mixer.html = Mix MP3 + JSON for .songlyrics
  • decode.html = Decode .songlyrics and get MP3 and JSON downloads

⚡ Features

  • Word-by-word live lyrics
  • Speed up or slow down songs
  • Persistent Volume Slider
  • Play/Pause button
  • Infinite loops of songs
  • Download finished "Remixes" of songs (e.g. nightcore or slowed down songs)
  • Light/Dark mode (Dark mode by default)
  • Keyboard shortcuts (left arrow = go back 5 seconds, right arrow = go foward 5 seconds, space/k = pause, up/down = adjust volume, m = mute/unmute)

🩷 To add

  • Karaoke mode (via .songlyrics)
  • Bass Booster
  • If you would like to help, feel free to contribute to the source code! :)

About

play songs with word-by-word transcription

Topics

Resources

Stars

Watchers

Forks

Languages