I just finished my Sonos dashboard. I need to make some code changes because the album artwork doesn't work with all music sources, but the core is there and I'm rather happy with it. Yes.. there is a sonos app... yes there is a sonos web app.. but I needed something that ignored the ones in my bedroom and office.
The Sitting Room Sonos is grouped with the Kitchen Sonos, and they will always play the same thing, so the goal here was to make a display where I could control the volume or each device individually, but only need to see the track info and player controls as it related to one device.
On the Desktop:
On Mobile:
Since the track display space on mobile is significantly more limited on desktop I've got a marquee animation going, and I've hidden the Hubitat Dashboard header and tile-edit elements.
TO-DO
- Abstract out my code changes to a few apps and document my changes. I used the Sonos Album Art Tile and File Manager Device apps to get the album art, but I've hardcoded a bit and it only works to grab icons when playing from apple music, airplay or tunein streams...
- When playing from a playlist, show the playlist icon... somewhere? I'm not sure where... but there's logic that I need to figure out for that too because I also need to not show the icon when not playing from a playlist.
- Look at integrating some of the other sonos integration apps here like Sonos Favorites, or even some simple rules for triggering playing from a stream.
)
