Dynamic realtime profile ReadMe linked with spotify
Home Page: https://novac.dev
License: The Unlicense
Is there any way to deploy this using Netlify?
I did the whole process with Vercel but in the domain it throws me a "500 internal server error" I don't know what could have gone wrong.
My domain in vercel is: https://spotify-now-playing-df0d0ezcc-andermendoza.vercel.app/api/spotify
Vercel hosted project: https://vercel.com/andermendoza/spotify-now-playing
spotify.html.j2
comment tag
from the above mentioned lines of code because the exact location of the lines are not mentioned clearly in the documentation.Setup.md
?Hi Novatorem,
I encountered a 404 error after clicking into the API folder of the deployment instance on Vercel. Can you tell what I did wrong here? It seems like the function is not being run at all. I followed the YouTube tutorial and debug process, but I can't seem to find anything wrong. Thank you so much for helping.
I'm on windows 10 and I run docker compose up and I get the following error:
> [1/5] FROM docker.io/library/python:3.10.0@sha256:a1fba384d3aa879533a271ab5d73965fbd3385648f38835dacd07e519f1c7c3f:
------
failed to solve: rpc error: code = Unknown desc = failed commit on ref "layer-sha256:83098237b6d3febc7584c1f16076a32ac01def85b0d220ab46b6ebb2d6e7d4d4": "layer-sha256:83098237b6d3febc7584c1f16076a32ac01def85b0d220ab46b6ebb2d6e7d4d4" failed size validation: 8415611 != 196499409: failed precondition
is there any docs available to host our own ??
The equalizer bar does not appear on Android system.
Web only!
I believe it should be configured in the app.json file..
Suggestion to include the EQ bar in the Android system.
I have followed all the steps but at the end, the alt test is showing in my readme file. Please help
So, recently, while following the Setup.md
tutorial, I came across a similar error in certain points within the tutorial:
The error consists in the Redirect URI, being written as: http://localhost/callback/
. There is an misspelling in the url: an missing "s" to the Hypertext Transfer Protocol Secure (HTTPS).
This error can be encountered by several parts after the Redirect URI, such as in the Refresh Token, and in the run of the curl comand:
curl -X POST -H "Content-Type: application/x-www-form-urlencoded" -H "Authorization: Basic {BASE64}" -d "grant_type=authorization_code&redirect_uri=http://localhost/callback/&code={CODE}" https://accounts.spotify.com/api/token
.
This causes progress to be impeded at points where the Redirect URI needs to be used.
By making the correction after discovering this error, I was able to finish it successfuly.
So maybe this could be a misspelling that might be getting in the way of other users problaby?
Or maybe i'm the only one that had this problem?
I open this issue, as it maybe can be for help to point a potential error.
Thanks for the attention.
is there any docs available to host our own ??
https://cmmon.vercel.app/api/spotify
Internal Server Error
The server encountered an internal error and was unable to complete your request. Either the server is overloaded or there is an error in the application.
Cross-checked the refresh token, Client Code and Secret, no error there.
hello
trying to follow yr setup but I got stuck here:
https://accounts.spotify.com/authorize?client_id={CLIENTID}&response_type=code&scope=user-read-currently-playing,user-read-recently-played&redirect_uri=http://localhost/callback/
After login it always gives me
INVALID_CLIENT: Invalid client
Any idea?
they not showing my Spotify music.
Was working fine earlier on. recently I logged in and saw this.
https://github-readme-remake.vercel.app/
When the song title wraps and becomes two lines long, the bars remain in the same place and obscure the artist text. It would be great if the bars weren't absolutely positioned for when the text wraps, if it's possible to manage that while keeping the same look for the project.
Love your work so far, keep it up! Cheers.
I will let this screenshot explain itself, as I did everything correctly up to this step, as well as when clicking the blue Spotify link on my README, it goes to my profile, but it doesn’t show anything but either a huge box with the blue Spotify link, or a box for just the size of the same thing. Here is a screenshot of the Vercel Page.
Current vercel bug:
[GET] /api/spotify
11:09:23:22
[ERROR] Runtime.ImportModuleError: Unable to import module 'vc__handler__python': cannot import name 'escape' from 'jinja2' (/var/task/jinja2/__init__.py)
Traceback (most recent call last):
Might take a look at trying to fix this, thanks for the setup instructions with links! I have a feeling it's 90% working but I'm just missing some package definitions. If I make a fix I'll throw a PR this way.
*** This is my URL: https://now-playing-spotify-eight.vercel.app/api/spotify
Github repo: https://github.com/jahidulsaeid/novatorem ***
also set the Env variable in vercel try many of time same problem not working is there anything need to do
I followed every step and I'm stuck at deploying the project on Vercel.
When I try to import my forked repo, it always say :
Expected "github" | "gitlab" | "bitbucket" at
gitRepository.type
but instead got "undefined".
Idk why I searched everywhere but can't find anything usefull.
Hi....i need help...
why spotify is not working in my profile....i did everything according to setup.md...
but i am not understanding why its not working...
if anyone give me solution ....it will be so much helpful for me...
thank you
It says: {"error":"invalid_client","error_description":"Invalid client secret"}
Why I am getting this error???
I can't get the Spotify Refresh Token
when a user has no recent played songs, recentPlays["items"]
is an empty list
therefore random.randint(0, 0 - 1)
raises ValueError: empty range for randrange() (0, 0, 0)
recentPlays = recentlyPlayed()
recentPlaysLength = len(recentPlays["items"])
itemIndex = random.randint(0, recentPlaysLength - 1)
Some extra logic could be added to display a blank (default) card when this occurs.
I noticed that when I wasn't playing any song, it just picked up a recently played song from my account. Currently there is no way to know whether the person is actually listening to the song right now or its just something they recently played.
Maybe an icon/text can be added to specify whether the song is Currently playing or recently played.
After following all the guide and still not working so I decided to check the vercel function to see the log error and am seeing this so am lost
[ERROR] 2023-10-21T20:13:14.633Z cb4210d1-4ca2-4b04-a006-eb20b003314e Exception on /api/spotify [GET]
Traceback (most recent call last):
File "./api/spotify.py", line 52, in refreshToken
return response["access_token"]
KeyError: 'access_token'
During handling of the above exception, another exception occurred:
Traceback (most recent call last):
File "./api/spotify.py", line 174, in catch_all
data = get(NOW_PLAYING_URL)
File "./api/spotify.py", line 63, in get
SPOTIFY_TOKEN = refreshToken()
File "./api/spotify.py", line 56, in refreshToken
raise KeyError(str(response))
KeyError: "{'error': 'invalid_grant', 'error_description': 'Invalid refresh token'}"`
Hello!
I was trying to add this to my profile, and under the Vercel section, I think it should be said you need to fork your repo. I needed to find a video of someone else adding it to their profile to figure out what I was doing wrong.
[![Spotify](https://USER_NAME.vercel.app/api/spotify)](https://open.spotify.com/user/USER_NAME)
If the Username here is Spotify's Username what is the need for deployment on Vercel?
I'm new to coding I may sound silly.
I have done all the steps shown in the Guide but I'm not able to integrate please help !!!
When i try to access the deploy project on `/api/spotify" i have 404 not found but my files is here hwhen i acess https://novatorem-iy3pwkfqq.vercel.app/ and when i usei https://novatorem-iy3pwkfqq.vercel.app/api/spotify dont work and i have other problem
.py on end spotify don work
Internal Server Error
The server encountered an internal error and was unable to complete your request. Either the server is overloaded or there is an error in the application.
If there is no image associated with a song (if the user is playing local songs from there device for example) then no SVG will be produced. This is due to an index out of bounds error raised in line 105. The "image" array can be empty and should be checked before calling the loadImageB64() function.
A placeholder image should probably be used in the case of the "image" array being empty
I wanna play around with the templates. But I can't host it on my local machine. I wanted to run it on my local machine.
I tried cmds like:
set FLASK_APP=spotify
set FLASK_ENV=development
flask run
but when I go to localhost:5000/api/spotify
I get flask.cli.NoAppException flask.cli.NoAppException: Could not import "spotify".
BTW I am not familiar with flask. I just took it out of flask docs.
I have been getting the same error every time I try to curl the specified link. I get this error. {"error":"invalid_client","error_description":"Invalid client secret"}%
. I have followed the steps up until now. (I don't know if this effects it but I am using terminal so idk.)
Tried many times but can't get past deploying the project, every time get the same error message. Any ideas please?
Hey, I've followed every step from the SetUp.md (for the 3rd time now) and I'm getting 500 on my app:
novatorem.theonlyartz.vercel.app/api/spotify
build logs (although it looks just fine):
16:35:01.421 Cloning github.com/TheOnlyArtz/novatorem (Branch: master, Commit: 7eebe7e)
16:35:01.982 Cloning completed in 561ms
16:35:01.983 Analyzing source code...
16:35:02.699 Uploading build outputs...
16:35:04.176 Installing build runtime...
16:35:05.761 Build runtime installed: 1584.990ms
16:35:06.510 Installing required dependencies...
16:35:10.054 Uploading build outputs...
16:35:12.872 Done with "api/spotify.py"
Any ideas?
Just an idea of setting the default value of
RECENTLY_PLAYING_URL = (
"https://api.spotify.com/v1/me/player/recently-played?limit=10"
in spotify.py to 1.
By doing so, only the last played song is being displayed, and if a user decides to refresh the site, the song will not change.
Hey! Love this script so far, but noticed there's an issue when playing podcasts - in the makeSVG()
function, item
is assigned to data["item"]
, but this comes back as None
when a podcast is currently playing. This can be fixed by changing the conditional to this:
if data == {} or data["item"] == None:
I'm not sure if podcast playing information can be obtained, but for the time being, I'd be happy to open a PR to fix this if you like? Just so that the recentPlays
info is returned instead of a 500 error 🙂
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.