Dashboard: Sonos card

Yes would be nice for sure. Unfortunately I can only use what is offered by the home assistant backend integration for Sonos: Sonos - Home Assistant

Hi Phil,

The “customThumbnailIfMissing” is not working. Please see below code and screenshot. I am running v5.20.1

Can you please see if my code has the syntax error?

  - type: vertical-stack
    cards:
      - type: custom:sonos-media-browser
        entityId: media_player.kitchen_sonos
        mediaTitle: ''
        shuffleFavorites: false
        customThumbnailIfMissing:
          Adele: https://i.imgur.com/fatxhb.jpg
          Bossa Nova: https://i.imgur.com/AMEDMn.jpg

Have you tried to open those two URLs…? I get a “file removed” and a 404 there. Maybe you can give it a try with a valid URL there.

Yes, I have. I just randomly scrambled the URL for posting. The real working URL just working load the images. But this is the actual url:

type: custom:sonos-media-browser
entityId: media_player.kitchen_sonos
mediaTitle: ''
shuffleFavorites: false
customThumbnailIfMissing:
  Adele: https://i.imgur.com/6fatxhb.jpg
  Bossa Nova: https://i.imgur.com/rAMEDMn.jpg

Not sure what you are doing wrong, but I just verified it works:


BMC

Edit:
Question no longer relevant but leaving to potentially help somebody that has the same question
Installed HACS via instructions here: Download | HACS


Hi all, I am a very new user and have allot to learn. My apologises if what I ask is silly.

Kindly explain how I can install this card as I cannot locate it in the store:
afbeelding

When I try to follow the manual instructions “Download the resources, as you would do with all other modules.” i am also lost. I have no idea what to download from which source :confused:

just got sonos & the sonos card setup on my ha system. seems to be working but i don’t understand something fundamental. how do i populate music, radio stations, etc. into the media browser? mine is empty and i can’t find any way to get stuff in there.

All is done through the sonos app.

i figured that, but i must be dense. i do not see how to do it. can you be more specific?

Just start adding your favorites in the Sonos app and then you find them in the media browser of your sonos card.

like this? i have several radio favorites, but nothing shows up in the card.

Yes, like that, but it’s strange you cannot see in the media browser… did you add media_source: to your configuration.yaml?

no i did not. do not see that requirement documented anywhere. details?

thanks, but that doc is very non-specific and certainly does not say anything about sonos. in reading the github page for the sonos card there i no mention of this. same for the docs on the sonos integration. what specifically do i need to put into the “media_source:” section for sonos?

You need only to add media_source to configuration.yaml and restart. Then you’ll be able to see and browse your media on every media_player you have installed in your HA, included sonos. Follow the docs about Media Source.

adding that does nothing. no joy at all.

Do you see this in one of your media players?

Schermata 2023-04-06 alle 19.25.03

This is in italian language, but in english you’ll see “Browse media” or something similar…

For sonos i have this:

Schermata 2023-04-06 alle 19.29.19

And this if i click on favorites:

Schermata 2023-04-06 alle 19.32.08

sonos is the only media player. i do see this in the media browser, but clicking on the sonos icon doesn’t show anything.

It means you have still no favorites. Maybe Radio stations are not included in the favorites.
Try to add some playlist or album or artists…