LyricSync connects via Spotify Web API OAuth, polls playback state at 100ms intervals, and maps timestamps to a custom contextual translation pipeline. Poetry stays poetry. Slang stays slang.
ReactNode.js + ExpressSpotify Web APIMongoDBRedisCustom NLP Pipeline
LyricSync uses the Spotify Web API to detect what you're playing in real time and sync translations to your music. You'll need a Spotify Premium account.
To enable live mode, register a Spotify app at developer.spotify.com, set the redirect URI to this page's URL, and paste your Client ID below.
Or continue in demo mode with simulated playback below
Cultural Context
Literal Translation
What It Actually Means
Why Machine Translation Fails
Regional Context
The Problem
128 million people watched the Super Bowl halftime. Most had no idea what he was saying.
Bad Bunny performed the first all-Spanish halftime show. 77M of his US Spotify listeners don't speak Spanish. Google Translate gives you "Uncle asked me" for "Titi Me Preguntó." The music hits. The meaning doesn't.
128M
Super Bowl viewers
77M
US listeners, non-Spanish
103M
monthly Spotify listeners
Demo Mode
Simulated playback is active. for live sync with your actual music.
Original
Translation
Impact So Far
From a Super Bowl question to 2,000+ users.
Built in 5 sprints. 50+ songs with full contextual translations across 4 Bad Bunny albums. Each translation includes cultural annotations, slang dictionaries, and alternate meaning notes.
2K+
Users
50+
Songs Translated
4
Albums Covered
Sub-50ms
Lookup Latency
What's Next
1Expand beyond Bad Bunny — Rosalía, Stromae, BTS, and more with community-contributed translations
2Spotify Web Playback SDK integration for in-browser listening without needing the desktop app
3Community correction system with quality review pipeline for native speaker contributions