Home

Awesome

Discord

Lyrics for Spotify

The browser 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.

windows-pwa-spotify

Install

Features

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

Development

Requirement: Node.js

# install dependencies
yarn
# start develop
yarn run start
# optional: start firebase function simulation
yarn run start:firebase

Build:

yarn run build:zip

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

Match Success Rate

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

Playlist NameSuccess rateSuccessNo MatchNo Lyrics
Global Top 5094%4712
Argentina Top 5062%31910
Australia Top 5096%4811
Austria Top 5078%3965
Belgium Top 5094%4721
Bolivia Top 5080%4064
Brazil Top 5024%121226
Bulgaria Top 5066%33116
Canada Top 50100%5000
Chile Top 5080%4055
Colombia Top 5078%3974
Costa Rica Top 5076%3875
Czech Republic Top 5054%27716
Denmark Top 5058%29120
Dominican Republic Top 5078%3956
Ecuador Top 5078%3974
El Salvador Top 5078%3974
Estonia Top 5058%29417
Finland Top 5060%30020
France Top 5064%32216
Germany Top 5080%4073
Greece Top 5038%19427
Guatemala Top 5082%4163
Honduras Top 5078%3974
Hong Kong Top 5080%40100
Hungary Top 5080%4037
Iceland Top 5060%30416
India Top 5052%26915
Indonesia Top 5062%31415
Ireland Top 50100%5000
Israel Top 5062%31613
Italy Top 5076%3848
Japan Top 5052%26195
Latvia Top 5090%4514
Lithuania Top 5068%34115
Luxembourg Top 5084%4244
Malaysia Top 5088%4433
Mexico Top 5076%3875
Netherlands Top 5072%36212
New Zealand Top 5096%4802
Nicaragua Top 5080%4064
Norway Top 5082%4118
Panama Top 5080%4064
Paraguay Top 5080%4073
Peru Top 5080%4055
Philippines Top 5082%4145
Poland Top 5030%15269
Portugal Top 5066%33215
Romania Top 5058%29615
Russia Top 5054%27167
Singapore Top 5088%4460
Slovakia Top 5062%31109
South Africa Top 5098%4901
Spain Top 5072%36410
Sweden Top 5080%4073
Switzerland Top 5088%4451
Taiwan Top 5068%34160
Thailand Top 5082%4190
Turkey Top 5050%25421
Ukraine Top 5076%3875

Contribution

Fork it, submit PR.

Privacy Policy

see.