spicetify-themes/Turntable
okarin001 81895252cc Squashed commit of the following:
commit b1c5ecfcc0
Author: Grason Chan <grasonchan@gmail.com>
Date:   Wed Jul 7 23:28:10 2021 +0800

    fix(Turntable): repair invalid styles

    You may need to reinstall Spotify and Spicetify.
2021-07-07 22:16:32 +05:30
..
screenshots chore(Turntable): update screenshots of the Full App Display 2021-07-04 23:37:37 +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 docs(Turntable): add CHANGELOG link in the README.md 2021-07-04 23:56:11 +08:00
rotateTurntable.js feat(Turntable): remove the billboard in the Full App Display to improve user experience 2021-07-06 23:36:30 +08:00
user.css Squashed commit of the following: 2021-07-07 22:16:32 +05:30

Turntable

Based on Spotify original theme.

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

View the CHANGELOG here.

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