Mirrors/spicetify-themes
1
0
Fork 0
mirror of https://github.com/morpheusthewhite/spicetify-themes.git synced 2024-11-22 02:42:54 +01:00
Code Issues Projects Releases Activity

fix(Turntable): correctly control the rotation of the turntable in some special scenes

Browse Source
This commit is contained in:
Grason Chan 2021-10-29 22:25:13 +08:00
parent 67cfad34cb
commit 7cfaf35d8d
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
Turntable/rotateTurntable.js
View File

@ -48,21 +48,23 @@ window.addEventListener("load", rotateTurntable = () => {
let isPlaying, clickedFadBtn;
function handleRotate(eventType) {
const coverArt = document.querySelector(".cover-art-image");
if (eventType === "load" && !SpicetifyOrigin._state.item) return;
const coverArt = document.querySelector(".main-nowPlayingWidget-coverArt > .cover-art");
const fadArt = document.querySelector("#fad-art-image");
if (
eventType == "load" && !SpicetifyOrigin._state.isPaused
eventType === "load" && !SpicetifyOrigin._state.isPaused
||
eventType == "playpause" && !isPlaying
eventType === "playpause" && !isPlaying
||
!eventType && isPlaying
) {
coverArt.style.setProperty("animation-play-state", "running");
coverArt?.style.setProperty("animation-play-state", "running");
fadArt?.style.setProperty("animation-play-state", "running");
if (eventType) isPlaying = true;
} else {
coverArt.style.setProperty("animation-play-state", "paused");
coverArt?.style.setProperty("animation-play-state", "paused");
fadArt?.style.setProperty("animation-play-state", "paused");
if (eventType) isPlaying = false;
}
@ -85,7 +87,7 @@ window.addEventListener("load", rotateTurntable = () => {
const stateItem = SpicetifyOrigin._state.item;
if (stateItem.isLocal || stateItem.type == "ad") {
if (stateItem.isLocal || stateItem.type === "ad") {
isFadHeartContainer?.remove();
return;
}
@ -112,7 +114,7 @@ window.addEventListener("load", rotateTurntable = () => {
const currentTrack = Spicetify.Queue.track;
const nextTracks = Spicetify.Queue.nextTracks;
trackCondition = element => !element.contextTrack.metadata.hidden && element.provider != "ad";
trackCondition = element => !element.contextTrack.metadata.hidden && element.provider !== "ad";
const prevTrack = prevTracks.slice().reverse().find(trackCondition);
const nextTrack = nextTracks.find(trackCondition);
@ -137,7 +139,7 @@ window.addEventListener("load", rotateTurntable = () => {
const stateItem = SpicetifyOrigin._state.item;
if (!stateItem.isLocal && stateItem.type != "ad") fadFg.appendChild(fadHeartContainer);
if (!stateItem.isLocal && stateItem.type !== "ad") fadFg.appendChild(fadHeartContainer);
fullAppDisplay.appendChild(songPreviewContainer);
genericModal.remove();

2
Turntable/user.css
View File

@ -392,7 +392,7 @@
/* Rotate turntable */
.main-nowPlayingWidget-coverArt .cover-art-image,
.main-nowPlayingWidget-coverArt > .cover-art,
#fad-art-image {
animation: rotate-cover_img 24s linear infinite paused
}