MMM-Sonos - To show what your SONOS is playing.

Snille

Description:

This is an modification of of @Vaggan MagicMirror-SonosModule and @CFenner MagicMirror-SonosModule. It was modified to get some enhancements in visualisation and configuration. Also the module hides itself when not playing now.

Note from me: I’m new to the MagicMirror world and Node.js, this is my first attempt to modify a module. There are probably lot’s of things that could have been done better. :)

Screenshots:

When starting the Mirror:

Module on the Left side of the Mirror:

Module in the Center of the Mirror:

Module in the Center of the Mirror playing in 3 different zones:

Module on the Right side of the Mirror:

And, this is my own look on my mirrors (@ top center) using some addition in the custom.css…

If you want my look on it, use this CSS code in your custom.css.

/* Sonos --------------------------------------------*/
.sonos ul .type {
    font-size: 12px;
    padding: 0px 0px;
    line-height: 12px;
    width: 260px;
}
.sonos ul .room {
    font-size: 16px;
    padding: 0px 0px;
    line-height: 16px;
    width: 260px;
}
.sonos ul .song {
    padding: 0px 0px;
    position: relative;
}
.sonos ul .art img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 0px 0px;
    border: 2px solid #FFF;
}
.sonos ul .name {
    width: 200px;
    font-size: 16px;
    padding: 0px 4px;
    line-height: 16px;
}
/*****************************************************/

Download:

[card:Snille/MMM-Sonos]

Version 0.1

I’m guessing that’s Vaggans version…

Version 0.2

Has to be CFenners version…

Version 0.3

My version… :)

Atreo

Hi There.

First i need to say that i am new to both Raspberry and Magic mirror.
Sooo happy now when i know what it can do.

I have i problem with the sonos module, Don´t know if you can help me.
I can not make it work, i get on the mirror saying Loading music.
And i can see that it is saying from the terminal.
Sono_update
Failure: Error: Connect ECONNREFUSED 192.168.0.100

Kind regards
Jonas

Luttich

@Atreo same for me

cederstrom

@Atreo Have you tried the fix in the “Known issues” section of the README? https://github.com/Snille/MMM-Sonos#known-issues

cohron

Guess I’m total noob but I havent figured out exactly how to install MMM-Sonos.

I’m confused on installing and running node-sonos-http-api part. Does it get installed on /usr/local/lib/node_modules (I dont have that folder) but I do have /home/pi/MagicMirror/node_modules.
MM is on rPI3b using the default installation from the readme but the the documentation on the api says i should install the latest nodejs. do i need to update/install? I went to https://nodejs.org/download/release/latest/ and it looks like 7.9.0 is the latest. i assume i install this on the MM rPI also. I’ll have to figure out how to git that too if so.
I have my mm.sh file that auto-starts MM using pm2. Do I add a line in the mm.sh file to auto run the api on boot?
my mm.sh
cd ~/MagicMirror
DISPLAY=:0 npm start

Snille

@cohron First you need to “install” the node-sonos-http-api. You can put the node-sonos-http-api on the RPi I think. I have not tried that. I have mine installed on another server. But just try it, do the following (obs I have not tried this):

cd ~
git clone git@github.com:jishi/node-sonos-http-api.git
cd node-sonos-http-api
npm install --production
npm start

Now, see if you can get your zones via the link: http://yourmagicmirrorip:5005/zones
If you do, you should be able to point your config to http://localhost
And you should see something playing, if it is playing. :)

Now you need to make sure the http-api is running all the time.
Use the same procedure as for the MagicMirror.
When you have the MagicMirror and http-api running type pm2 save (if you are using pm2).
Otherwise you have to add it to your startup manually.

I hope this helps a bit at least. :)

cohron

@Snille

All right, love trial and error. Got it all up and running on my MM rPI!!!
Through ssh pi@192.168.0.207 (my MM ip address)

cd ~ //which puts me at /home/pi
pi@magicpi:~ $ git clone https://github.com/jishi/node-sonos-http-api.git

cd node-sonos-http-api
npm install --production
npm start

verify, open a browser, point to your MM’s IP like so:
http://192.168.0.207:5005/zones
you should see a page full of sonos related text, if so the hard part is done…

create another pm2 script named sonos.sh in ~ directory
cd ~
sonos.sh file contents:
cd ~/node-sonos-http-api
DISPLAY=:0 npm start

pm2 start sonos.sh
pm2 start mm
pm2 save

now just do the normal git for the sonos module
pi@magicpi:~/MagicMirror/modules $ git clone https://github.com/Snille/MMM-Sonos.git

fill in your config, this is mine:
{
module: ‘MMM-Sonos’,
header: “Playing on SONOS”,
position: “top_center”, // This can be any of the regions, best results in center regions
classes: “default everyone”,
config: {
// See ‘Configuration options’ for more information.
showStoppedRoom: false,
showAlbumArt: true
}
},

I also copied your awsome custom css content!

Snille

@cohron So it’s working now? Congrats! Great work! :)

j.e.f.f

This post is deleted!

brandongomez

Great module! I am new to all of this and have the module working as intended. I listen to SiriusXM, Google Play and Spotify through Sonos.

Google Play looks great and pulls the Artist and Track Title correctly. However, SiriusXM is sending everything together. Is there a way to format what SiriusXM sends me?

For example, if I go to http://IP_Address:5005/zones when using Google Play, I see… {“currentTrack”:{“artist”:“Aretha Franklin”,“title”:“Respect”,“album”:“I Never Loved A Man The Way I Love You”,“albumArtUri”

But if I put on a SiriusXM channel, it looks like this… {“currentTrack”:{“title”:“BR P|TYPE=SNG|TITLE Cold Little Heart|ARTIST Michael Kiwanuka|ALBUM”,“albumArtUri”

As a result, the SiriusXM channel shows nothing for the Artist and “BR P|TYPE=SNG|TITLE Cold Little Heart|ARTIST Michael Kiwanuka|ALBUM” for the Track. Would love to get it to show something like “Cold Little Heart, Michael Kiwanuka” instead.

Any help is appreciated. Thanks!

Snille

Hi! Hm… Looks like the SiriusMX information is not coming out in JSON format correctly from the SonosAPI.
I think you may have to contact Jimmi about this. Open an issue here: https://github.com/jishi/node-sonos-http-api/issues and describe your problem. As soon as the “output” is in correct JSON format, it should be working. Usually hes quick in fixing things. :)

Good luck.

Desaydrone

Hello,

I got two sonos (for now) but on my mirror i only want to show one of this two. I don’t find how to do that, is ti possible ?

yawns

@Desaydrone
I don’t have any Sonos devices. According to the read me, you can exclude zones, I guess that’s what you are after, right?

Just follow the download link in first post and scroll down to the bottom for options

Desaydrone

@yawns

Thaanks i didn’t see this options !!
THanks a lot

SuperSchenk

Thank you for your work @Snille! Got it working on my mirror yesterday. Works great!

Damian

@cohron

@Snille

Hello,

Can you please explian how and where to create the sonos.sh file?
And how to then add the rest into that file?

I’m having trouble understanding what you mean by placing a script in ~ directory…
And the next part cd~sonos.sh file contents:

Thanks

create another pm2 script named sonos.sh in ~ directory
cd ~
sonos.sh file contents:
cd ~/node-sonos-http-api
DISPLAY=:0 npm start

pm2 start sonos.sh
pm2 start mm
pm2 save

Damian

@Damian said in MMM-Sonos - To show what your SONOS is playing.:

create another pm2 script named sonos.sh in ~ directory
cd ~
sonos.sh file contents:
cd ~/node-sonos-http-api
DISPLAY=:0 npm start

pm2 start sonos.sh
pm2 start mm
pm2 save

Okay, so I opened up my directory… created a new file in /home/pi and named it sonos.sh… going by the jumbled up way things have been written in the example above, I have tried every combination to try and make sense of what it is saying to type into terminal

cd ~ sonos.sh file contents
sonos.sh

I will no doubt be going around in circles here trying to decypher the instructions, so can I ask anyone to please decypher this for me and tell me what and where to enter these? do I manually input them into the sonos.sh file? do I get terminal to enter them?
I a
l already set up PM2 over a year ago to autostart MM, and sure it was never as hard as this?

this is what I get when trying

pi@raspi:~ $ cd ~sonos.sh
bash: cd: ~sonos.sh: No such file or directory
pi@raspi:~ $ sonos.sh
bash: sonos.sh: command not found
pi@raspi:~ $ sonos.sh file contents:
bash: sonos.sh: command not found
pi@raspi:~ $ cd ~/node-sonos-http-api
pi@raspi:~/node-sonos-http-api $ DISPLAY=:0 npm start

> sonos-http-api@1.6.0 start /home/pi/node-sonos-http-api
> node server.js

2018-04-16T11:21:47.702Z INFO Could not find file /home/pi/node-sonos-http-api/settings.json
2018-04-16T11:21:48.670Z INFO Presets loaded: { example: 
   { players: 
      [ { roomName: 'Bathroom', volume: 10 },
        { roomName: 'Kitchen', volume: 10 },
        { roomName: 'Office', volume: 10 },
        { roomName: 'Bedroom', volume: 10 },
        { roomName: 'TV Room', volume: 15 } ],
     playMode: { shuffle: true, repeat: 'all', crossfade: false },
     pauseOthers: false } }
2018-04-16T11:21:54.317Z ERROR Port 5005 seems to be in use already. Make sure the sonos-http-api isn't 
    already running, or that no other server uses that port. You can specify an alternative http port 
    with property "port" in settings.json

npm ERR! Linux 4.9.35-v7+
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "start"
npm ERR! node v6.14.1
npm ERR! npm  v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! sonos-http-api@1.6.0 start: `node server.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the sonos-http-api@1.6.0 start script 'node server.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the sonos-http-api package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     node server.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs sonos-http-api
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls sonos-http-api
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /home/pi/node-sonos-http-api/npm-debug.log
pi@papaspi:~/node-sonos-http-api $ pm2 start sonos.sh
[PM2][ERROR] script not found : /home/pi/node-sonos-http-api/sonos.sh
script not found : /home/pi/node-sonos-http-api/sonos.sh
┌──────┬──────┬────────┬───┬─────┬────────┐
│ Name │ mode │ status │ ↺ │ cpu │ memory │
├──────┼──────┼────────┼───┼─────┼────────┤
│ mm   │ fork │ online │ 0 │ 0%  │ 0 B    │
└──────┴──────┴────────┴───┴─────┴────────┘
 Use `pm2 show ` to get more details about an app
pi@raspi:~/node-sonos-http-api $

Damian

@Mods

Appreciate I have posted this twice in 2 seperate posts - but this one is FAO the Developer in his original post of 1 year ago, and to the poster who replied with his fix.

The other post goes to anyone here who can help me with making and executing a script, going by the example given for this module.

flopp

When I play TV sound on my Beam it will show up in Magic Mirror even if that it seems to be that is should hide

                // if Sonos Playbar is in TV mode, no title is provided and therefore the room should not be displayed
                var isEmpty = (artist && artist.trim().length) == 0
                        && (track && track.trim().length) == 0
                        && (cover && cover.trim().length) == 0;

flopp

@flopp said in MMM-Sonos - To show what your SONOS is playing.:

When I play TV sound on my Beam it will show up in Magic Mirror even if that it seems to be that is should hide

                // if Sonos Playbar is in TV mode, no title is provided and therefore the room should not be displayed
                var isEmpty = (artist && artist.trim().length) == 0
                        && (track && track.trim().length) == 0
                        && (cover && cover.trim().length) == 0;

I now have forked this and correct the problem and also done some small changes. Added radio station name when playing Radio. Showing artist and track when playing radio.
https://github.com/flopp999/MMM-Sonos