MMM-Spotify

[bolish]

Hi guys,
Do you know which parameter to play with into the custom.css to get the module smaller in size? (it’s taking to much place on my screen).
Thx

[A Former User]

@bolish
Is style: "mini" still too big? It has only around 360px X 120px.
Unfortunately, there is no single magic keypoint to modify simply.
See MMM-Spotify.css and redefine values on your css/custom.css

[bolish]

@sean thanks for feedback.
I liked the default view, but wanted it to be a little bit smaller.

I was a bit lost into the .css but I will try to play around with it and see what happens.

Good idea would have been to have a single entry to modify ( like in %) so that user could adjust itself but I believe it’s very personal need, it’s maybe not worth to implement into the module.

[A Former User]

@bolish
Add this into your css/custom.css.

:root {
  --sp-width: 300px;
}
#SPOTIFY {
 width: var(--sp-width);
}
#SPOTIFY_INFO {
  width: calc(var(--sp-width) - 20px);
}
#SPOTIFY_INFO .text {
  width: calc(var(--sp-width) - 70px);
}
#SPOTIFY_COVER {
  width: calc(var(--sp-width) - 40px);
  height: calc(var(--sp-width) - 40px);
}

--sp-width:300px is magic point. adjust it as your wish. I think 200px is the minimal value possible.

[bolish]

@sean, thanks I will try in the evening

[bolish]

@Sean Works great. Tx

[mmmmh]

Another awesome module, thank you!

The displayed album cover goes dim when there is no playback which is nice. Would it be possible to add an option to completely hide the module when there is no playback?

[A Former User]

@mmmmh
Add this into your css/custom.css

#SPOTIFY.pausing {
display:none;
}

[mmmmh]

@Sean said in MMM-Spotify:

#SPOTIFY.pausing {
display:none;
}

Simple and works perfectly. Thanks!

[Cr4z33]

@Sean said in MMM-Spotify:

@mmmmh
Add this into your css/custom.css

#SPOTIFY.pausing {
display:none;
}

I stopped and quit the Windows 10 Spotify app, but the artwork keeps showing.

[A Former User]

@Cr4z33
That checks only playing and pausing. Inactive device is another issue.
This module is pooling to pull current playback data per 1~2 secs.
PPL may have several spotify devices, so if one device is deactivated, but others could be alive. And there’s no way to receive one device’s activeness at event time. (Spotify API doesn’t support pushing to client)
To check “ALL DEVICES” are inactive, another pooling be needed to pull data about available devices per 1~2 sec. I’m not sure whether it’s good approach or not. It would make API usage double. (Somebody be already worrying about too many DNS calling by this module)
Anyway, I’ll consider it.

[Cr4z33]

@Sean OK thanks.

[A Former User]

UPDATED

1.1.1 (2019-04-11)

• Added : CSS variable for easy adjusting size. (Adjust only --sp-width to resize)
• Added : Hiding module when current playback device is inactivated. If you don’t want to hide , modify CSS .inactive. (More test might be needed, but…)

[justjim1220]

@Sean

This popped up today:

[SPOTIFY] API Request fail on : /v1/me/player
{ Error: connect ECANCELED 35.186.224.53:443
    at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1161:14)
  errno: 'ECANCELED',
  code: 'ECANCELED',
  syscall: 'connect',
  address: '35.186.224.53',
  port: 443 } undefined
Whoops! There was an uncaught exception...
TypeError: Cannot read property 'statusCode' of undefined
    at Request.request [as _callback] (C:\Users\jiman\MagicMirror\modules\MMM-Spotify\Spotify.js:189:23)
    at self.callback (C:\Users\jiman\MagicMirror\node_modules\request\request.js:185:22)
    at Request.emit (events.js:182:13)
    at Request.onRequestError (C:\Users\jiman\MagicMirror\node_modules\request\request.js:877:8)
    at ClientRequest.emit (events.js:182:13)
    at TLSSocket.socketErrorListener (_http_client.js:382:9)
    at TLSSocket.emit (events.js:182:13)
    at emitErrorNT (internal/streams/destroy.js:82:8)
    at emitErrorAndCloseNT (internal/streams/destroy.js:50:3)
    at process._tickCallback (internal/process/next_tick.js:63:19)
MagicMirror will not quit, but it might be a good idea to check why this happened. Maybe no internet connection?
If you think this really is an issue, please open an issue on GitHub: https://github.com/MichMich/MagicMirror/issues

Any Ideas?

The module seems to be working as it is supposed to… :confused_face:

[A Former User]

@justjim1220 said in MMM-Spotify:

Error: connect ECANCELED

set updateInterval to 1500 or 2000, then try again.

[brokenwings]

Hi everyone, I need your help
I successfully installed MM-Spotify and working fine
my problem I don’t know how how to put commands to play by voice assistant I’m still learning
about this raspberry pi, would anyone can share your command samples and where i place to put in
Thanks in advance!

[lavolp3]

@Sean Hi Sean, from your descriptions I assume you have spent some quality time with the Spotify API. Is there a way to get user-related statistics (e.g. most often heard songs in recent time, new albums by favorite artists…) on the mirror? Have you tried out anything of that?

[A Former User]

@lavolp3
Maybe possible.
https://developer.spotify.com/documentation/web-api/reference/personalization/
https://developer.spotify.com/documentation/web-api/reference/users-profile/
https://developer.spotify.com/documentation/web-api/reference/browse/
I didn’t implement these apis yet. But not too difficult.
But… I have no idea how to use them for MM modules.
Maybe you can implement it by yourself. I made a class to wrap APIs so I think ppl can easily expand. https://github.com/eouia/MMM-Spotify/blob/master/Spotify.js

[lavolp3]

@Sean Well that’s fantastic. On my way…

What I see now as most interesting to me is a revolving Top 10 of songs for short_term, medium_term, and long_term.

[Cr4z33]

@Sean I’ve switched Spotify account so I went to the MMM-Spotify folder, deleted the old token, update Client ID and Secret ID into spotify.config.json and created again (succesfully) the new token.

The problem is that now the module doesn’t come up when I want to play music from the smart mirror, BUT I still can hear the music (because of Raspotify I suppose).

Can you think about anything I am missing perhaps? :thinking_face:

PS: did you remove by chance your Telegram account? I am sending you private chat messages from time to time, but they never get a reply or show to be seen…