Spotify Lyrics

Install Extension: Chrome | Firefox

When you open the PiP(album cover) window, the lyrics are automatically displayed in it.

If you have any questions, please submit an issue.

How It Work

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

Compatibility

• Firefox does not currently support PiP WebAPI
• Chrome 70+

Recommend

• Install as PWA(only Chrome)

Development

Requirement: Node.js

# install dependencies
npm install
# Compile Typescript to JavaScript
npm run watch
# Enter the development mode by executing the following command in a new terminal
npm run start

Build:

npm run build:zip

TODO

• Song matching optimization
• Debuging info
• Unit test
• CI/CD

Help

The extension requires a stable NeteaseCloudMusicApi service or other better lyrics service.