Dashboard: Sonos card

Hi all,

First time poster on this topic. Love this card!

Small cosmetic issue! :slight_smile:
Is there any way I can hide the ā€œ0%ā€ and ā€œ100%ā€ labels under the volume bar?

One of my Sonos player is a Connect that feeds my receiver hence it is on fixed volume level and set to 100% always - then it looks a bit crowded…

Fixed in v9.2.3


I hope you enjoy this card! /Punxaphil
image

Hi. Got Sonos speakers a few months ago and was delighted to see that I could control them through HA. I think there’s a slight UI aspect that could be improved. The image here is how I’ve setup the cards, but the ā€œGroupingā€ view and the ā€œGroupsā€ view don’t show the speakers in the same order, which bothers me especially when I’m selecting between the speakers, and the other changes but in a different order (badly explained but I hope that’s clear). Any chance that the UI can be changed, or perhaps point me to a configuration where I can do it myself? Thanks in advance.

Thanks for the feedback! I have now made sure the sorting is aligned, try this new release: v9.2.4

Please note that sorting in the grouping section is meant to be aligned with the official Sonos app, which means that members of the currently selected group will be shown at the top.
If you want to disable this, use groupingDontSortMembersOnTop: true.


I hope you enjoy this card! I like coffee :smiley:

Wow, that was quick! Thank you. Enjoy the coffee :slight_smile:

1 Like

Hi…
I`m quite new to Home Assistant - came from IOBroker and was frustrated about UI.
I love the Sonos Card. But is there the option to overwrite the cover with a custom URL? Most Radio Stations do not provide a cover, but Media Title and Artist. I have a REST command that get“s the URL from itunes for the cover. The URL I have exposed as sensor.
Thanks
Kivas

There’s mediaArtworkOverrides, check the readme.
There’s nothing dynamic. Feel free to add a request in Github.

Hi!

First of, thanks for this card.

Now, I’m proberly doing something wrong, but I just added this card and selected which entities I want shown, and while changing settings, I can see all the Sonos speakers I have connected, but when I save and go back to the front page, only 3 out of 4 is shown?

Also it doesnt appear to pick up if Sonos has been activated from a phone and not through Homeassistant? It tells me ā€œNo media selectedā€, while the Sonos is active and playing.

EDIT:
Apparently a restart did the trick. So it was me doing something wrong…

Is there a way to change the backround color or color of font for the Audio Input Format??

Try this:

      card_mod:
        style:
          sonos-player$ sonos-player-controls$: |
            .audio-input-format > div {
              color: red !important;
              font-size: 26px !important;
              background: transparent !important;
            }
1 Like

My Sonos card shows the current playing artwork multiple times. How can I fix this?

Home Assistant 2025.10 broke a lot of things…
Sonos Card was updated recently to match that.
So make sure you are on the latest.

Thanks! Updating the card from HACS did work. I didn’t get a notification from HACS that I could update the card this time; strange… but it’s fixt now :slight_smile:

PunxsutawneyPhil

Something recently changed in how the Browse Media button in the Favorites panel works.

It use to pop up the stock media browser, but now it no longer goes directly to the media browser and instead pops up the stock media player. Then I can hit the media browser button from that media player window, but this add an extra move and click to get there.

Is there a setting I that changed how this worked and how can I get it back to the old behavior?

HomeAssistant core 2025.10 removed the functionality to be able to go directly to the media browser :cry:
I asked them to revert that limitation, but no reply.

this card antontanderup/mediocre-hass-media-player-cards: Media Player Cards for Homeassistant. still works with the media browser
maybe this can help

Is there any way to add a custom web radio (i.e. Icecast) to be accessible from the Sonos card? I have managed to add it as a favorite in Music Assistant, but Music Assistant doesn’t show up as a source for the Sonos card.

I also tried using the Media browser > Radio Browser, but I can’t find any way to add my own network stream to this.

Finally, I tried creating a .m3u with the network stream (or using the one automatically generated by Icecast) but when I try to play it this way, it doesn’t stream.

Any ideas? As of right now, the only way I can trigger it is by going through Music Assistant or creating a custom button. I’d really like to get to it through the Sonos card.

I use the legacy TuneIn service in the Sonos app to add the internet streams I want to listen to (Add New Radio Station in the TuneIn service), and then right click the new station and save to Sonos Favorites. The new station immediately appears in the Sonos Card favorites list.

1 Like

Thanks for the tip - it looks like the TuneIn legacy service is no longer possible to add to Sonos. The new TuneIn service doesn’t appear to have a way to add a custom radio station. To be totally clear, I’m trying to add a URL (a stream.ogg) that isn’t publicly listed in radio directories.

Strange that you don’t see it in your available services list:

At least a few of the streams I have favorited are just URLs, like https://radio.themillerlights.com:8000/radio.mp3 and http://77.75.16.229:443 which are Christmas music stations.