roadtolarissa
Adam Pearce github twitter email rss

Lyric Typing

Type the words in time with music!

Made at NYC Monthly Music Hack. Code on github.

Hearing lyrics while typing them creates an interesting synesthesia like effect, recontextualizing familiar music. One of my favorite games, Audiosurf, also did this, mixing songs and puzzle matching together.

I made a version of this typing game three years ago, one of my first javascript programs. On a day-to-day basis, sometimes it feels like I’m not learning much more about programming, but something must be adding up — this time the code took just a few hours to write instead of a few weeks.

The previous version was built on the now defunct Spotify desktop app platform and decrypted the also now defunct TuneWiki internal API for timestamped lyrics. That version had lyrics for millions of songs but was difficult to share. It required installing a Spotify app; plus leeching off the API seemed like an okay thing to do locally but not publicly.

This version uses YouTube for the music and I’ve baked in the lyrics for just 5 songs. It looks like MusicXmatch has timestamped lyrics, but they don’t provide a public API for them. I might come back to this and add the ability to add your own videos and lyrics (maybe saved in localStorage or shared with query parameters?) but until then, you’re stuck with Julie Andrews and Carly Rae Jepsen.