mirror of
https://github.com/morpheusthewhite/spicetify-themes.git
synced 2024-11-22 19:02:45 +01:00
87 lines
2.2 KiB
Markdown
87 lines
2.2 KiB
Markdown
|
# Turntable
|
||
|
|
|
||
|
|
Based on Spotify original theme.
|
||
|
|
|
||
|
|
**Note:** Require Spicetify **v2.2.0** or higher! Otherwise, performance problems will happen when the turntable rotate!
|
||
|
|
|
||
|
|
## Screenshots
|
||
|
|
|
||
|
|
<div align="center">
|
||
|
|
<img src="screenshots/turntable.png" alt="turntable">
|
||
|
|
</div>
|
||
|
|
<div align="center">
|
||
|
|
<img src="screenshots/full_app_display.png" alt="full app display">
|
||
|
|
</div>
|
||
|
|
<div align="center">
|
||
|
|
<img src="screenshots/full_app_display_vertical_mode.png" alt="full app display - vertical mode">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
## 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](https://github.com/grasonchan).
|
||
|
|
|
||
|
|
The turntable inspired by [Netease Music](https://music.163.com) and [Smartisan OS build-in Music Player](https://www.smartisan.com/os/#/beauty) (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](https://github.com/khanhas/spicetify-cli/wiki/Extensions#full-app-display)
|
||
|
|
|
||
|
|
```shell
|
||
|
|
spicetify config extensions fullAppDisplay.js
|
||
|
|
spicetify apply
|
||
|
|
```
|
||
|
|
|
||
|
|
2. put **Turntable** and **rotateTurntable.js** into the **spicetify_data**
|
||
|
|
|
||
|
|
```shell
|
||
|
|
cd spicetify-themes
|
||
|
|
cp -r Turntable ~/spicetify_data/Themes
|
||
|
|
cp Turntable/rotateTurntable.js ~/spicetify_data/Extensions
|
||
|
|
```
|
||
|
|
|
||
|
|
3. select the theme and extension, then apply
|
||
|
|
|
||
|
|
```shell
|
||
|
|
spicetify config current_theme Turntable
|
||
|
|
spicetify config extensions rotateTurntable.js
|
||
|
|
spicetify apply
|
||
|
|
```
|
||
|
|
|
||
|
|
### How to Uninstall
|
||
|
|
|
||
|
|
1. remove **Turntable** and **rotateTurntable.js**
|
||
|
|
|
||
|
|
```shell
|
||
|
|
rm -r ~/spicetify_data/Themes/Turntable
|
||
|
|
rm ~/spicetify_data/Extensions/rotateTurntable.js
|
||
|
|
```
|
||
|
|
|
||
|
|
2. config to spicetify default theme
|
||
|
|
|
||
|
|
```shell
|
||
|
|
spicetify config current_theme SpicetifyDefault
|
||
|
|
```
|
||
|
|
|
||
|
|
3. remove extension - Full App Display (optional)
|
||
|
|
|
||
|
|
```shell
|
||
|
|
spicetify config extensions fullAppDisplay.js-
|
||
|
|
```
|
||
|
|
|
||
|
|
4. apply
|
||
|
|
|
||
|
|
```shell
|
||
|
|
spicetify apply
|
||
|
|
```
|