brandon/spotify-gui.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://git.bbrunson.com/brandon/spotify-gui.js

Browse Source
This commit is contained in:
Brandon Brunson
2024-05-02 11:51:50 -07:00
parent 5a1710be1b bd5845dd04
commit 0050b22a7b
2 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
spotifycontroller.py
View File

@@ -7,6 +7,8 @@ import _canvas as SpotifyCanvas
import time
import syncedlyrics
dev = 0
app = Flask(__name__)
if os.path.exists('client_id'):
@@ -18,7 +20,6 @@ if os.path.exists('client_secret'):
redirect_uri = 'http://127.0.0.1:8888/callback'
encoded_creds = base64.b64encode(client_id.encode() + b':' + client_secret.encode()).decode("utf-8")
headers = {
"client_id": client_id,
"response_type": "code",
@@ -101,6 +102,7 @@ def appdata():
return { 'reload': True }
currently_playing = requests.get("https://api.spotify.com/v1/me/player/currently-playing", headers=user_headers)
if currently_playing.content:
if currently_playing.json()["is_playing"] is True and currently_playing.json()["item"]["id"] == request.args.get('id'):
print("QUICK" + str(time.time() - stime))

28
templates/webapp.html
View File

@@ -234,17 +234,11 @@
const color = colorThief.getColor(img);
document.body.style.backgroundColor = 'rgb(' + color + ')';
getLuminance(color);
document.getElementById('progress_container').style.backgroundColor = 'rgb(' + color + ')';
lightColor = [color[0] + 50, color[1] + 50, color[2] + 50]
document.getElementById('progress_bar').style.backgroundColor = 'rgb(' + lightColor + ')';
} else {
img.addEventListener('load', function() {
const color = colorThief.getColor(img);
document.body.style.backgroundColor = 'rgb(' + color + ')';
getLuminance(color);
document.getElementById('progress_container').style.backgroundColor = 'rgb(' + color + ')';
lightColor = [color[0] + 50, color[1] + 50, color[2] + 50]
document.getElementById('progress_bar').style.backgroundColor = 'rgb(' + lightColor + ')';
});
}
}
@@ -253,18 +247,24 @@
document.getElementById('name').style.color = 'black';
document.getElementById('artist').style.color = 'black';
document.getElementById('lyric').style.color = 'black';
document.getElementbyId('previous').style.filter = 'invert(100%)';
document.getElementbyId('playpause').style.filter = 'invert(100%)';
document.getElementbyId('next').style.filter = 'invert(100%)';
document.getElementbyId('like').style.filter = 'invert(100%)';
document.getElementById('previous').style.filter = 'invert(100%)';
document.getElementById('playpause').style.filter = 'invert(100%)';
document.getElementById('next').style.filter = 'invert(100%)';
document.getElementById('like').style.filter = 'invert(100%)';
document.getElementById('progress_container').style.backgroundColor = 'rgb(' + color + ')';
darkColor = [color[0] - 75, color[1] - 75, color[2] - 75]
document.getElementById('progress_bar').style.backgroundColor = 'rgb(' + darkColor + ')';
} else {
document.getElementById('name').style.color = 'white';
document.getElementById('artist').style.color = 'white';
document.getElementById('lyric').style.color = 'white';
document.getElementbyId('previous').style.filter = '';
document.getElementbyId('playpause').style.filter = '';
document.getElementbyId('next').style.filter = '';
document.getElementbyId('like').style.filter = '';
document.getElementById('previous').style.filter = '';
document.getElementById('playpause').style.filter = '';
document.getElementById('next').style.filter = '';
document.getElementById('like').style.filter = '';
document.getElementById('progress_container').style.backgroundColor = 'rgb(' + color + ')';
lightColor = [color[0] + 75, color[1] + 75, color[2] + 75]
document.getElementById('progress_bar').style.backgroundColor = 'rgb(' + lightColor + ')';
}
}
// function getLuminance() {