[MMM-NowPlayingOnSpotify] – Display the currently on Spotify playing song

[raywo]

@goprojojo The width of the cover art is determined by the width of the column you placed the module in. It is set to 100%. You can change it by adjusting the width property of the .NPOS_albumCover class in css/styles.css.

[tidus5]

@raywo
control the volume, play pause next previous and maybe the playlist content ?

every morning I changing my playlist on my phone and this is my ultimate goal to have it in the screen :-)

[raywo]

@tidus5 Controlling volume and playback should be feasible. But changing the playlist? That would require an interface and a lot of interaction. That kind of defeats the purpose of a MagicMirror.

Actually I don’t know whether I will work on this control features but feel free to fork the project and add as much as you want.

[schlachtkreuzer6]

Hi @raywo
It stuck on step two… after I register the app to my account. Just saying: Wait for step 2 to complete. And doing nothing more.
Hmm, any idea? Did I made a mistake?

SOLUTION:
Okay for anyone running into the same problem:
You can get everything out of the link from your browser. Just copy and paste it in a text editor.

Link looks like that:
http::8888/#access_token=your access token&refresh_tokenyour refresh token&client_idyour client ID from spotify developer site&client_secretyour client secret from the develover site

Copy the 4 elements in the module configuration:

{
module: "MMM-NowPlayingOnSpotify",
position: "bottom_left",

   config: {
     showCoverArt : "true",
     clientID: "your client ID",
     clientSecret: "your client secret",
     accessToken: "your access token",
     refreshToken: "your refresh token",
      }
},

That’s it 😊

[raywo]

@schlachtkreuzer6 You need to enter both your secret ID and client secret in the input boxes and then click “Authorize my app!”. After that the message in Step 3 should disappear and show you exactly what you need to copy in your config.js.

You need to make sure that you put the shown callback url in the app’s setting on Spotify.

[schlachtkreuzer6]

@raywo I did that but it stops after the authorization.

[muffinimal]

Hey @raywo ,

Thanks developing this module. It’s one of the first modules I tried to set up on my setup.

Your instructions on how to configure very clear. Being new to MagicMirror I couldn’t get it to work fully, though. I finally figured out what I did wrong (I am still in the dark as to where I can find some useful logs): I installed your module to /home/pi instead of to the MagicMirror-folder.

As I didn’t want to bother on finding out on how to uninstall, I simply moved the entire directory to the right place and the module seems to run fine now :D

[dherl0623]

Awesome module! I’d been using the MMM-Scrobbler, but this is a better module in my opinion. Your instructions are clear and easy to follow as well! I really like how instant it is as well. I currently just set this up while on break at work, so I can’t check it out at home yet, but watching from a VNC, it is incredibly responsive! Thanks again sir!

[PhilReis]

Hey, very nice module and easy to install! Thanks!!!

I have a little question. I use a google assistent speaker… and when i say my google assistent “stop spotify” the song which is paused be show on my MM.
Can I hide the current song if it is paused for more than X minutes?

Thanks

[raywo]

@philreis This is unfortunately not possible. The waySpotify works is that no song is actually ever stopped but it is paused. That is why the API can’t differentiate between stopped or paused songs. The only way to force the display to show nothing is by quitting the Spotify client.