spicetify-themes/Turntable
2021-07-04 12:33:47 +08:00
..
screenshots refactor(Turntable): support new Spotify UI, control the rotation of the turntable 2021-05-24 05:19:59 +08:00
LICENSE refactor(Turntable): support new Spotify UI, control the rotation of the turntable 2021-05-24 05:19:59 +08:00
README.md refactor(Turntable): support new Spotify UI, control the rotation of the turntable 2021-05-24 05:19:59 +08:00
rotateTurntable.js refactor(Turntable): support new Spotify UI, control the rotation of the turntable 2021-05-24 05:19:59 +08:00
user.css feat(Turntable): adjust the rotation speed of the turntable 2021-07-04 12:33:47 +08:00

Turntable

Based on Spotify original theme.

Note: Require Spicetify v2.2.0 or higher! Otherwise, performance problems will happen when the turntable rotate!

Screenshots

turntable
full app display
full app display - vertical mode

More

About Turntable

Use CSS to achieve, not picture. This means it can be scaled to any size, but make sure the album cover is not blurry.

Actually, the rotation of the turntable was created at spicetify v1, but in some cases, animation is affected by other factors. I think "fullAppDisplay.js high GPU usage" is the reason. Fortunately, it's normal now!

Info

Designed and developed by Grason Chan.

The turntable inspired by Netease Music and Smartisan OS build-in Music Player (not include code).

Develop and test on macOS. If there's any problem, please open issue or PR.

Installation

  1. add extension - Full App Display
spicetify config extensions fullAppDisplay.js
spicetify apply
  1. put Turntable and rotateTurntable.js into the spicetify_data
cd spicetify-themes
cp -r Turntable ~/spicetify_data/Themes
cp Turntable/rotateTurntable.js ~/spicetify_data/Extensions
  1. select the theme and extension, then apply
spicetify config current_theme Turntable
spicetify config extensions rotateTurntable.js
spicetify apply

How to Uninstall

  1. remove Turntable and rotateTurntable.js
rm -r ~/spicetify_data/Themes/Turntable
rm ~/spicetify_data/Extensions/rotateTurntable.js
  1. config to spicetify default theme
spicetify config current_theme SpicetifyDefault
  1. remove extension - Full App Display (optional)
spicetify config extensions fullAppDisplay.js-
  1. apply
spicetify apply