|
|
|
@ -0,0 +1,216 @@ |
|
|
|
from flask import Flask, Response, jsonify |
|
|
|
from base64 import b64encode |
|
|
|
|
|
|
|
from dotenv import load_dotenv, find_dotenv |
|
|
|
|
|
|
|
load_dotenv(find_dotenv()) |
|
|
|
|
|
|
|
import requests |
|
|
|
import json |
|
|
|
import os |
|
|
|
import random |
|
|
|
|
|
|
|
""" |
|
|
|
Inspired from https://github.com/natemoo-re |
|
|
|
""" |
|
|
|
|
|
|
|
print("Starting Server") |
|
|
|
|
|
|
|
|
|
|
|
SPOTIFY_CLIENT_ID = os.getenv("SPOTIFY_CLIENT_ID") |
|
|
|
SPOTIFY_SECRET_ID = os.getenv("SPOTIFY_SECRET_ID") |
|
|
|
SPOTIFY_REFRESH_TOKEN = os.getenv("SPOTIFY_REFRESH_TOKEN") |
|
|
|
|
|
|
|
SPOTIFY_URL_REFRESH_TOKEN = "https://accounts.spotify.com/api/token" |
|
|
|
SPOTIFY_URL_NOW_PLAYING = "https://api.spotify.com/v1/me/player/currently-playing" |
|
|
|
|
|
|
|
LATEST_PLAY = None |
|
|
|
app = Flask(__name__) |
|
|
|
|
|
|
|
|
|
|
|
def get_authorization(): |
|
|
|
|
|
|
|
return b64encode(f"{SPOTIFY_CLIENT_ID}:{SPOTIFY_SECRET_ID}".encode()).decode("ascii") |
|
|
|
|
|
|
|
|
|
|
|
def refresh_token(): |
|
|
|
|
|
|
|
data = { |
|
|
|
"grant_type": "refresh_token", |
|
|
|
"refresh_token": SPOTIFY_REFRESH_TOKEN, |
|
|
|
} |
|
|
|
|
|
|
|
headers = {"Authorization": "Basic {}".format(get_authorization())} |
|
|
|
|
|
|
|
response = requests.post(SPOTIFY_URL_REFRESH_TOKEN, data=data, headers=headers) |
|
|
|
repsonse_json = response.json() |
|
|
|
|
|
|
|
return repsonse_json["access_token"] |
|
|
|
|
|
|
|
|
|
|
|
def get_now_playing(): |
|
|
|
|
|
|
|
token = refresh_token() |
|
|
|
|
|
|
|
headers = {"Authorization": f"Bearer {token}"} |
|
|
|
|
|
|
|
response = requests.get(SPOTIFY_URL_NOW_PLAYING, headers=headers) |
|
|
|
|
|
|
|
if response.status_code == 204: |
|
|
|
return {} |
|
|
|
|
|
|
|
repsonse_json = response.json() |
|
|
|
return repsonse_json |
|
|
|
|
|
|
|
|
|
|
|
def get_svg_template(): |
|
|
|
|
|
|
|
css_bar = "" |
|
|
|
left = 1 |
|
|
|
for i in range(1, 76): |
|
|
|
|
|
|
|
anim = random.randint(350, 500) |
|
|
|
css_bar += ".bar:nth-child({}) {{{{ left: {}px; animation-duration: {}ms; }}}}".format( |
|
|
|
i, left, anim |
|
|
|
) |
|
|
|
left += 4 |
|
|
|
|
|
|
|
svg = ( |
|
|
|
""" |
|
|
|
<svg width="320" height="445" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
|
|
|
<foreignObject width="320" height="445"> |
|
|
|
<div xmlns="http://www.w3.org/1999/xhtml" class="container"> |
|
|
|
<style> |
|
|
|
div {{font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;}} |
|
|
|
.container {{background-color: #121212; border-radius: 10px; padding: 10px 10px}} |
|
|
|
.playing {{ font-weight: bold; color: #53b14f; text-align: center; display: flex; justify-content: center; align-items: center;}} |
|
|
|
.not-play {{color: #ff1616;}} |
|
|
|
.artist {{ font-weight: bold; font-size: 20px; color: #fff; text-align: center; margin-top: 5px; }} |
|
|
|
.song {{ font-size: 16px; color: #b3b3b3; text-align: center; margin-top: 5px; margin-bottom: 15px; }} |
|
|
|
.logo {{ margin-left: 5px; margin-top: 5px; }} |
|
|
|
.cover {{ border-radius: 5px; margin-top: 9px; }} |
|
|
|
#bars {{ |
|
|
|
height: 30px; |
|
|
|
margin: -20px 0 0 0px; |
|
|
|
position: absolute; |
|
|
|
width: 40px; |
|
|
|
}} |
|
|
|
|
|
|
|
.bar {{ |
|
|
|
background: #53b14f; |
|
|
|
bottom: 1px; |
|
|
|
height: 3px; |
|
|
|
position: absolute; |
|
|
|
width: 3px; |
|
|
|
animation: sound 0ms -800ms linear infinite alternate; |
|
|
|
}} |
|
|
|
|
|
|
|
@keyframes sound {{ |
|
|
|
0% {{ |
|
|
|
opacity: .35; |
|
|
|
height: 3px; |
|
|
|
}} |
|
|
|
100% {{ |
|
|
|
opacity: 1; |
|
|
|
height: 28px; |
|
|
|
}} |
|
|
|
}} |
|
|
|
|
|
|
|
""" |
|
|
|
+ css_bar |
|
|
|
+ """ |
|
|
|
|
|
|
|
</style> |
|
|
|
{} |
|
|
|
</div> |
|
|
|
</foreignObject> |
|
|
|
</svg> |
|
|
|
""" |
|
|
|
) |
|
|
|
return svg |
|
|
|
|
|
|
|
|
|
|
|
def load_image_b64(url): |
|
|
|
|
|
|
|
resposne = requests.get(url) |
|
|
|
return b64encode(resposne.content).decode("ascii") |
|
|
|
|
|
|
|
|
|
|
|
def make_svg(data): |
|
|
|
global LATEST_PLAY |
|
|
|
|
|
|
|
template = get_svg_template() |
|
|
|
|
|
|
|
text = "Now playing" |
|
|
|
content_bar = "".join(["<div class='bar'></div>" for i in range(75)]) |
|
|
|
if data == {} and LATEST_PLAY is not None: |
|
|
|
data = LATEST_PLAY |
|
|
|
text = "Latest play" |
|
|
|
content_bar = "" |
|
|
|
elif data == {}: |
|
|
|
content = """ |
|
|
|
<div class="playing not-play">Nothing playing on Spotify</div> |
|
|
|
""" |
|
|
|
return template.format(content) |
|
|
|
|
|
|
|
content = """ |
|
|
|
<div class="playing">{} on <img class="logo" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAE5ElEQVRYR81WS08bVxQ+dzweY48fQCCBllJDmqpRSx6gKizSiAUbILZjA21KVEhF20hNlLb/IKu2m3QRKaqQogIRkAXhYQxFSJGCQqVKrVSBQtpCFqEQkrQhxnb8Yjxzp7oTmdjjsWd4LHIlLzz3PL57zvedexG8Qgu9Qlhg22Bqumr0+/L2VdAMOpBvtdgCoedBnhPvsw/YpcFLg9x2DrklMA19DVajkf4B0dQnAMDkSJgQedwfWot9fevcraBWYJrA1HXX5RUWWG8jhGq1Bk7aiVj8PfGfWOc754uq+aqCOXXT8bFOTw2oBVLb5zmhw9s6fj2XXU4wniFnF6LRF2qJtO6LPPQMN3s/zWafFcxuA0kCwILYO+IZO6sESBHMbrUmWwVwQjw70jLWK9/PAEPIuqfQFtNa+u3acU8wKyd1BhjPqPNXJdVgHkP8WRwiqxGI/RsDLsSBiEXQGXRgKDCAqcQk/RgbA4hS1QXx/WPYPVaTepg0LzJHTBZmcy5wQQ5mL89CeCUMIGqvAQFjLjeD/aQdiqqLsoKLh/nCiTMT68nIaWA8Q45riKY6k5szF2YgEU5oR5HFkn2dhUNfHQLjXmOaBRZw34jHRwaotNLANHtdG6mTdaF3AVZvrwJCCNgyFoqOFIHtgA2MxUbQGXXSdyxg4MM8RJ9EYf2vdfDf80PsaUyxkqSNtd+nzU1+yOXVZ4Ahd429pCzjTiG80MIBeVH4GA/Lk8uw/PMyEL4lV9XFKiiuLt78H/2Hy5u8OEmK8LIyjb2Nbxvz9Qu5eiIKokTcuD8OfISXTk+zNOQV5r0grk6ZuIGFAMxdnpMIf+LHE0Dpqc00XCT+nq9t6l4aGOeNpia9iR6XgyHKuXv1rjYSI5BaWN5QDqUflAJFv0ya7ZBCHLeMfuQbSgPTPnG6LcLH+uVOM+dnIBFRIHGyCDlURgh7+JvDYCo1ZS04qzd3Xm/s/0lTZQJ/B2BxYBHK6sug+Ggx6M16Ge1BahdRHSHvytQKhB6E0pITMLXfKV/4QgK3jLbIKqOFM1vROFHW/NX5zdFw7NtjwL7GZoSIB/mqifaJ+bTKtF5qZfBRTmK14hIBuOccRB5GIPIoAhv+DeDjPDBWBsxvmMFaaQVDviGjaut/rkNgMQAVpyoUwyqqiVg2e11E2pu6l7xFgDtf3gEiVS2LgNv/4X4oPV6qxVx5zhBPz5CjG9FU2vUuiiJMd05LcrRWWKHg3QKwvGkBJv/FHUQkHl4Ow9rsGhAJp86USncl2F32rKCwgG+MeHxtSYO0wVDfVW+zlbABLUfKLlUBFvsW4fEvjyWTg50HJZkrrfDT+J6pz6b8imCk6ow4f0MUen8ngKTuCiIsjS+B3WFXnOAiFueG3WNHUvNkjExHl8PElFCRnYJR83/2MGiZPj8dzgmGbLoGT7bTjC7jJaaWQOs+zwmfe1vHr8ntc7yBXd2IBsW3qtakSnYixgPDbt8Zpb2cTzL3sLOH0qGOnSRP9c0FhNipvg/dN5s6KD3ds1NA2Vqjyhl5YkJq/V40gyhUvVVQRDX+R6HjcrJuuU1yh6b+pgLGSF2hdNRpAKBzAOOxgAejfu5C6hxRO4hqm7IFaLjSYKCL8Fs6HfOO1WK1haKhYCKKF3AA30++3NSSa1bTVgPthv22K7MbyeUx/gfIiuIzZiZJFQAAAABJRU5ErkJggg==" /></div> |
|
|
|
<div class="artist">{}</div> |
|
|
|
<div class="song">{}</div> |
|
|
|
<div id='bars'> |
|
|
|
{} |
|
|
|
</div> |
|
|
|
<a href="{}" target="_BLANK"> |
|
|
|
<center> |
|
|
|
<img src="data:image/png;base64, {}" width="300" height="300" class="cover"/> |
|
|
|
</center> |
|
|
|
</a> |
|
|
|
""" |
|
|
|
|
|
|
|
item = data["item"] |
|
|
|
|
|
|
|
""" |
|
|
|
print(json.dumps(item)) |
|
|
|
print(item["artists"][0]["name"]) |
|
|
|
print(item["external_urls"]["spotify"]) |
|
|
|
print(item["album"]["images"][0]["url"]) |
|
|
|
""" |
|
|
|
|
|
|
|
img = load_image_b64(item["album"]["images"][1]["url"]) |
|
|
|
artist_name = item["artists"][0]["name"].replace("&", "&") |
|
|
|
song_name = item["name"].replace("&", "&") |
|
|
|
content_rendered = content.format( |
|
|
|
text, |
|
|
|
artist_name, |
|
|
|
song_name, |
|
|
|
content_bar, |
|
|
|
item["external_urls"]["spotify"], |
|
|
|
img, |
|
|
|
) |
|
|
|
|
|
|
|
return template.format(content_rendered) |
|
|
|
|
|
|
|
|
|
|
|
@app.route("/", defaults={"path": ""}) |
|
|
|
@app.route("/<path:path>") |
|
|
|
def catch_all(path): |
|
|
|
global LATEST_PLAY |
|
|
|
|
|
|
|
# TODO: caching |
|
|
|
|
|
|
|
data = get_now_playing() |
|
|
|
svg = make_svg(data) |
|
|
|
|
|
|
|
# cache lastest data |
|
|
|
if data != {}: |
|
|
|
LATEST_PLAY = data |
|
|
|
|
|
|
|
|
|
|
|
resp = Response(svg, mimetype="image/svg+xml") |
|
|
|
resp.headers["Cache-Control"] = "s-maxage=1" |
|
|
|
|
|
|
|
return resp |
|
|
|
|
|
|
|
|
|
|
|
if __name__ == "__main__": |
|
|
|
app.run(debug=True) |
novatorem
5 years ago