/PopupLyrics-Plus

Modded Spiceify PopupLyrics to enable translations and more! 拥有翻译和更多功能的PopupLyrics~

Primary LanguageJavaScriptMIT LicenseMIT

PopupLyrics-Plus

Modded Spiceify PopupLyrics to enable translations and more! 拥有翻译和更多功能的PopupLyrics~

Screen Shot 2023-09-17 at 12 09 43 AM

Chinese translation

Screen Shot 2023-09-17 at 12 10 47 AM

English translation

Screen Shot 2023-09-17 at 12 11 02 AM

Japanese Romaji translation

Screen Shot 2023-09-17 at 12 11 14 AM

Original

Screen Shot 2024-04-20 at 11 44 41 PM

Chinese PinYin translation

Screen Shot 2024-04-20 at 11 46 41 PM

Korean Romanja translation

ADDITIONAL Features

  • Stabler self-deployed Netease API to fetch from, allowing Netease lyrics to actually work
  • Netease Chinese lyrics translation option
  • English translation through Translateer (EXPERIMENTAL)
  • English translation through self-deployed modded DeepTranslatorApi
    • Can be slow via first translation as API has to awake. Be patient on startup!
  • Japanese romaji translation
  • Korean romaja translation (#7)
  • Chinese PinYin translation (#7)

Work in Progress

  • More options in display
  • Language detection
  • Chinese & Korean romanization (MERGED #7)
  • Enhance & stabilize English translation (DONE to best of ability)
  • Online hosting (DONE)

See the roadmap for more information.

Dependencies

The extension PopupLyrics is based on the Spicetify-cli.

Spicetify installation steps are below (see Spicetify docs for more details).

Windows

iwr -useb https://raw.githubusercontent.com/spicetify/spicetify-cli/master/install.ps1 | iex

Linux and MacOS

curl -fsSL https://raw.githubusercontent.com/spicetify/spicetify-cli/master/install.sh | sh

A still up and running online deployed version is used by default. (RIP repo...🙏)

If you would like to self-host for a possibly more stable api connection, instructions are below (see NeteaseAPI docs for more details).

You can also deploy to vercel yourself, check the official docs for instructions.

Installation

git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git
cd NeteaseCloudMusicApi
npm install

Hosting

In the NeteaseCloudMusicApi directory:

node app.js

Self-hosting means that the server has to be running at http://localhost:3000 (the default port) when using the extension, don't close it!

Applying Change

Last, in order for you to use the locally hosted api for fetching, change all instances of "https://netease-cloud-music-api-patrick-orz.vercel.app/" in the source code into "http://localhost:3000/".

Installation

Download popupLyricsPlus.js from the main branch (not from /Archive!!), and place into the Spicetify Extensions directory.

Spicetify paths are below.

Platform Path
Windows %appdata%\spicetify|
Linux/MacOS ~/.config/spicetify

Push extension into Spicetify and apply

spicetify config extensions popupLyricsPlus.js
spicetify apply

Usage

Have NeteaseCN service at the top to acquire the best experience!

Screen Shot 2023-09-17 at 12 11 53 AM

Translation options can be changed in the Options section

Screen Shot 2024-04-20 at 11 54 22 PM

Inspiration & Words

misaka10843/spicetify-popupLyrics-CN

Self-deployed APIs: NeteaseCloudMusicApi DeepTranslatorApi

Don't heisitate to start an issue if you run into any problems! (feature requests are fine as well)

🌟 means a lot to me!