MMM-Spotify

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!
0_1555958916233_Annotation 2019-04-22 193731.png

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…

A Former User

@Cr4z33 Show me the log. Usually I’m not in front of PC on weekends. :D

Cr4z33

@Sean oh OK. :grinning_face_with_smiling_eyes:

I ran npm start, but unfortunately no error came up.

Same thing for PM2 logs.

At the end I tried to delete and reinstall MMM-Spotify, but the issue is still happening.

By the way this is my current config entry:

		{
			module: "MMM-Spotify",
			position: "top_left",
			disabled: false,
			config: {
				onStart: null, // disable onStart feature with `null`
				// allowDevices: ["Cr4z33 Mirror"],
				control: "hidden", //"default", "hidden" available
				}
		},