This an extension for the MagicMirror².

This Module gives buttons for each of the rooms in your Sonos setup and allows you to select which rooms are playing music or grouped together.

Module with symbols only in row mode:

Module with symbols only in column mode:

Module with symbols and text in column mode:

Module with symbols and text in row mode:

This is my own mirrors view (Bottom Bar) using some addition in the custom.css see below

In your terminal, go to your MagicMirror's Module folder:

cd ~/MagicMirror/modules

Clone this repository:

git clone https://github.com/basnelso/MMM-SonosSelect

To use this module, add it to the modules array in the config/config.js file:

modules: [
    {
        module: "MMM-SonosSelect",
        position: "bottom_bar", // This can be any of the regions.
        config: {
            // See 'Configuration options' for more information.
        }
    }
]

The following properties can be configured:

Buttons have to be placed in buttons in the config. A button contains a uniqe number as a key and a set of options in the object ({}).

Each button starts with it's own uniqe number (ex. "1"), then add the options needed.

An example:

  buttons: {
    "1": {
      room: "Living Room", // Needs to match the room name in your sonos app
      symbol: "couch"
    },
    "2": {
      room: "Kitchen",
      symbol: "utensils"
    },
    "3": {
      room: "Bathroom",
      symbol: "toilet"
    },
  }

• Important: unfortunatly positioning this module as fullscreen will result in the menu floating top left. I currently do not know how to fix this but will look into it. If you know how don't hesitate to either write me or send me a pull request!
• If the image is an local path and it does not show. Try different ways to write the local path. If this still does not work then try putting the image in a folder in your MagicMirror folder and use as local path foldername/imagename.
• If only heigh or width is set for an image the other size will scale to maintain it the image it's original aspect ratio.
• Module name is case sensitive.
• If both the text and symbol aren't set for a button then the button won't contain anything, but still show the border.
• The symbols are all form the Font Awesome website.
• The text may contain HTML tags and will be displayed as HTML.