jonashcroft / nowify

A Spotify 'Now Playing' screen designed for Raspberry Pi

jon ashcroft.dev

🧨 source code for my own personal site.

nowify's Issues

Background white on samsung tv

The background of the site is white on the authorisation and viewing page

[Feature Request] Add "Prev" "Play/pause" "Next" buttons

[deleted]

Another invalid client issue

Hi. Fantastic app and hoping to resolve my INVALID_CLIENT issue. Have been trying to resolve using All the tips others have tried. I’m having exactly same issue as #28 (comment)
Was having. As he/she never replied beyond intial query I’m wondering if the issue for them was resolved or not? Any clues? ….as with their url client Id returned seems to be missing. Thanks for whatever comes my way.

In Spotify dashboard have used as redirect uri:
http://localhost:8888/callback/

And returned address at log in attempt:
https://accounts.spotify.com/authorize?client_id=undefined&response_type=code&redirect_uri=https%3A%2F%2F63b8444b0ed8000d52b4eae8--cozy-semifreddo-5e8689.netlify.app&state=5go6kn6sj5-7m3sl68793-696y244ik-ticv01lk&scope=user-read-currently-playing

[Feature Request] Please Add Playback Progress Bar

Hey, first of all, thanks for this truly amazing app, I'm using it for live streaming, fetching now playing metadata from my site into OBS and adding CSS in OBS to only get the album art and song title and position/resize them however I want. I wonder if you'd be able to add a progress bar to the app, something like this:

I found that with this player endpoint you can get response progress_ms so I think it's possible? Idk I just do UI design and styling, first time using a Vue app, so please consider adding this if possible, Thanks.

Authenticated, redirected back but nothing happens.

I have deployed to netlify using the readme guide. I have added the keys, and redeployed with clearing the cache. I can login to spotify, authenticate the app and be redirected back . But I still see the same login page. In my authenticated spotify apps I can see Nowify. But on the user management page of the Nowify spotify app I don't see my login. So, something must be wrong with the authentication but what? Can you suspect anything?

Can you help

Hey im trying to get this downloaded to my pi but i dont get it can you help maybe?

Another case of 'INVALID_CLIENT: Invalid client'

Hi,

I'm kind of new to some of this, so I may have made a dumb error.

I forked Nowify, deployed into Netlify, set up the spotify developer app, copied the client id and secret environment variables into Netlify environment settings. Also copied the URL of my app in Netlify into the redirect URI in the Spotify app. When I go to the Netlify URL I see the correct page

But every time I get this error after clicking login :-

It looks like I log in, authenticate and then fail.

The URL returned from Spotify is "https://accounts.spotify.com/authorize?client_id=undefined&response_type=code&redirect_uri=https%3A%2F%2F.netlify.app&state=uecd1nl93p6-o8fv91wagf-q3nxdwgkp-fsqelse9&scope=user-read-currently-playing

I looked at the other two issues where Invalid Client was mentioned and neither seemed to give a clue. Any ideas what I missed? I see that Client_Id is blank in the URL above.

All help always gratefully received!

[Request] Add Licensing Documentation

Is it possible to add a licensing file to this project or get some clarity as to what the appropriate licensing is? My intended use case is to create a non-commercial derivative work for personal use but the added clarity to this sure would help!

INVALID_CLIENT: Invalid client

INVALID_CLIENT: Invalid clientt
If you click on Login with Spotify　you will see this.

What are Redirect URIs?

Player returns 'Nothing playing' when there is

Issue

• Scenario is that music is playing on Spotify
• Nowify is authorised, connected, but returning a 'Nothing is playing'
• Network requests show that a 204 is being returned
• Investigation shows that a '204 No Content' is returned
• The app sees a successful response but doesn't notify you of 'No content'

Solution

• Seems like can happen when the actual Spotify Player version is out-of-date
• Consider adding a solution to display a message when 'No content' is returned.

[Feature Request] Date/Time when no song playing

Hi!

This is a wonderful project, thanks for your work!
I'm not a champ with js and css, so I try to ask here if someone can help me to understand if there's a way too display the time+weekly day (like Google Nest Hub or Amazon Echo Show) when there's no song playing.

Thank you in advance!

INVALID_CLIENT: Invalid redirect URI

Hi,

Unfortunately I seem to be getting the INVALID_CLIENT: Invalid redirect URI error when clicking the Login with Spotify button.

I've had a look at a couple of other issues filed here, double checked what I have configured but I'm still getting this error so I'm hoping you might be able to spot something that I'm just not seeing! :)

Spotify Keys:

Spotify Redirect URI:

Netlify Environment Variables:

Netlify Site URL:

Regarding the Redirect URI, I've tried it with and without the /callout/ on the end and with/without a trailing /

If anyone is able to let me know if there's anything obvious I'm doing wrong or has any suggestions, that'd be awesome 🙇

INVALID_CLIENT: Invalid redirect URI

Really nice looking piece of work Jonashcroft!

Can't seem to get this to work:

I've updated my client ID and Secret as well as whitelisted my URL and repeatedly get the same error:

"INVALID_CLIENT: Invalid redirect URI"

Any assistance would be much appreciated.

User authentication and permissions

Hi, there.
I was wondering how the user authentication will work on this.
If I were to give this to my mom, would she still need to login and approve app permissions on the Pi?

cannot get it to compile (gulp)

because i was getting the invalid URI error (after getting a successful compile), I went back to the beginning, deleted/recreated. But now I'm struggling to get the /dist to auto-create when running gulp.

yes, i created a new js and scss file, no change.
i also did a non-destructive edit to existing js and scss files to force a save, but it just seems to be stuck and wont compile the /dist anymore.

this app has so much promise. I just can't get it to work! arrrgh. I've got a lot of learning to do i guess.

Node/Node Sass Out of Date

Project cannot compile on latest version of Node and Node-Sass. It seems in order to build the project, an older version of Node Sass has to be used, there is a conflict in src/styles/global/reset.scss that requires Node-Sass version 4, but that means Node also has to be downgraded.

This is not in the docs anywhere, is there a specific version of Node and Node-Sass that has to be used
?

API keys in `_config.js`

These aren't your actual API keys in the repo right?

Raspberry Pi Usage

I don't fully understand how to install gulp and this library onto my pi. Could you help?

"Task function must be specified" error on build (gulp)

Whenever I try to build this project by running 'gulp' , I always get this error:

[17:29:44] Requiring external module babel-register
assert.js:350
throw err;
^

AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (/Users/sethu/Downloads/Nowify-master/node_modules/undertaker/lib/set-task.js:10:3)
at Gulp.task (/Users/sethu/Downloads/Nowify-master/node_modules/undertaker/lib/task.js:13:8)
at Object. (/Users/sethu/Downloads/Nowify-master/gulpfile.babel.js:49:6)
at Module._compile (internal/modules/cjs/loader.js:701:30)
at loader (/Users/sethu/Downloads/Nowify-master/node_modules/babel-register/lib/node.js:144:5)
at Object.require.extensions.(anonymous function) [as .js] (/Users/sethu/Downloads/Nowify-master/node_modules/babel-register/lib/node.js:154:7)
at Module.load (internal/modules/cjs/loader.js:600:32)
at tryModuleLoad (internal/modules/cjs/loader.js:539:12)
at Function.Module._load (internal/modules/cjs/loader.js:531:3)
at Module.require (internal/modules/cjs/loader.js:637:17)