Spotify Lyrics

Install Extension: Chrome/Edge/Opera | Firefox | Safari(Soon)

The extension adds a button to the bottom left corner of Spotify Web Player, Click to switch the display status of the lyrics, which is displayed in the Picture-in-Picture window by default setting. Spotify can be installed as pwa instead of desktop client.

If you have any questions, please submit an issue.

The extension also supports Youtube Music, Apple Music, Deezer and Tidal, but songs with videos in Youtube Music cannot be perfectly supported(because the duration of the video is different from the duration of the officially released audio track).

How To Work

1. Listen for track info element.
2. Search for songs and download lyrics using NeteaseCloudMusicApi.
3. Rendering lyrics to <canvas>.
4. Capture video stream from <canvas> and merge cover image.
5. Update lyrics scroll position with a loop.

Compatibility

• Firefox 78+ (Not support PiP)
• Edge 79+
• Chrome 70+
• Safari 14+

Development

Requirement: Node.js

# install dependencies
npm install
npm --prefix functions install
# start develop
npm run start
# optional: start firebase function simulation
npm run start:firebase

Build:

npm run build:zip

# firebase depoly and config update
# npm i -g firebase-tools
firebase depoly
firebase functions:config:get
firebase functions:config:set spotify-lyrics.manager-ids=xxx

Match Success Rate

Spotify, v1.2.7, Friday, July 31, 2020

Contribution

Fork it, submit PR.

• Add translation
• If you can write code, you can fix bugs or improve performance
• Optimize the matching rate of Chinese, Japanese and Korean lyrics.(edit config.json). Note: The extension already has automatic optimization, this list serves as a supplement . Unmatched lyrics report

Privacy Policy

The extension will not collect any user’s personal information(personal information refers to information that identifies a specific individual, such as the individual’s name, address, email and phone number).

• Extension permissions: when installing or updating the extension, the browser may prompt that it needs to read website data. This is only the necessary permission for the extension to execute js code in the web player. The extension will not read private data such as historical data.
• Google Firebase: the extension will save user-uploaded lyrics and manually matched lyrics to Google Firebase and share them among multiple users
• Google Analytics: the extension uses Google Analytics to track use of the Browser Extension and trends. Google Analytics collects various data including the page URL, page title, Search Terms, IP Address, and Page Language. You can review Google's Privacy Policy here. You can review additional information about how Google Analytics uses your data here, Google provides various privacy controls to limit its collection of data, including the Google Analytics opt-out browser add-on. More information about opting out of Google Analytics can be found here
• Sentry.io: the extension uses sentry to collect extended error information, including browser information, error stack and other data, You can view sentry's privacy policy here

If you have any comments or questions about this privacy policy, please contact me via Email.