MMM-Spotify

ejay-ibm

@Cr4z33 1st you have a wonderfull miror
2nd , if you send it to me maybe i’ll give you the answer ^^… joking …
I’m not sure what’s wrong .

What I would do first is turn on verbose mode on hotword and Mk2 assistant and check .
1- Console log .
2- pm2 out logs ( see “pm2 show scriptname” )
3- pm2 error logs

Capitalization is very important in hook eg .
hook is like “next song”
when you say this to assistant if assistnat wirte " Next song" that that wikk not work .

All I can say for now is check the logs and share with us , that mitght help to help .

Ejay

icripps

can whatever that is playing on your phone be played by the mirror too?

A Former User

@icripps
If you mean multi-speaker, It isn’t.
To play Spotify on your MagicMirror(Raspberry Pi), you need to install Raspotify on your Raspberry Pi.
Then, you can play Spotify on your MM directly and can control Spotify (Wherever it played on).

Cr4z33

@ejay-ibm lol for my mirror and thanks for the suggestion. :smiling_face_with_open_mouth_closed_eyes:

@icripps please note that to be able to use Raspotify a Spotify Premium account is MANDATORY. ;)

icripps

Okay thank you. Will manage what I have for now

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