Dashboard: Sonos card

Share your Projects! Dashboards & Frontend
696

Hi,
I am trying to add another HA media player into the card but I am not seeing it as an option - the card ‘code’ works but I dont see anything below the unnamed rooms (Den23 & down - 14,24,11,22,13) dont show up as an option to select that room):

type: custom:sonos-card
name: Sonos Card
groupsTitle: Devices
groupingTitle: ''
favoritesTitle: ' Favorites'
headerImage: ''
shuffleFavorites: false
noMediaText: No media selected
allVolumesText: All volumes
entities:
  - media_player.unnamed_room_7
  - media_player.unnamed_room_5
  - media_player.unnamed_room_8
  - media_player.unnamed_room_2
  - media_player.unnamed_room_6
  - media_player.unnamed_room_4
  - media_player.unnamed_room_3
  - media_player.sonos_arc
  - media_player.apt_lr_test
  - media_player.unnamed_room
  - media_player.den_zone_23
  - media_player.kitchen_breakfast_nook_zone_14
  - media_player.kitchen_island_zone_24
  - media_player.main_lr_dr_zone_11
  - media_player.outside_kitchen_zone_22
  - media_player.playroom_zone_13
697

Nice work on the card! I’m fiddling around a little bit but i’m struggling to remove the space between the cards.

image
image2799×907 163 KB

type: horizontal-stack
cards:
  - type: custom:sonos-card
    sections:
      - groups
      - grouping
      - volumes
    widthPercentage: 50
    showVolumeUpAndDownButtons: false
    mediaBrowserItemsPerRow: 1
  - type: vertical-stack
    cards:
      - type: custom:sonos-card
        sections:
          - player
        widthPercentage: 50
  - type: custom:sonos-card
    sections:
      - media browser
    mediaBrowserItemsPerRow: 3
    widthPercentage: 50
    showVolumeUpAndDownButtons: false
698

Does anyone know if there is a way to select “TV” as a source when controlling an ARC, Beam etc?

I can’t seem to find a way to do this from the card, so am interested to know if anyone is aware of a way.

@PunxsutawneyPhil - If this isn’t a feature, is it something you would consider? Maybe including it in the Sonos Favourites screen or something?

Thanks for the amazing work, this is a great card!

699

yes there is. In the card configuration put this:

    cards:
      - type: custom:sonos-card
#Other parts of your card config
# ...
        customSources:
          media_player.bedroom:
            - title: TV
              thumbnail: https://cdn-icons-png.flaticon.com/512/716/716429.png
2 Likes
700

Two questions how can the all favorites title be changed and what css is needed to alter the thumbnail borders and color? in the old version i used sonos-border-radius for example.

701

Did you got a reply on this?

702

Is there a way to scrub through audio? On the default media player, I’m able to select a position in the song. Is this also possible through the Sonos card?

703

Thanks @squirtbrnr… not sure how I missed that!

704

Not sure if this is a bug or I haven’t configured correctly but when I browse local media through the custom sonos card, it does not display any of my audio files to play. I can see the media and play it in the default media dashboard in home assistant but not in the sonos card. Any suggestions?

Sonos card:

image
image519×634 7.02 KB

Media Dashboard:

image
image1920×933 47.9 KB

705

How do you add this? It says add it using hacs, is that the front end? I cant find it, I apologise for my incompetence!

706

I’m attempting to cast a dashboard with this card to a google hub and I’m getting a message “the custom card doesn’t exist”. The dashboard works with no issue through a typical browser, IOS app, etc. Only seems to happen when attempting to cast the dashboard to a google hub. Anyone else attempted this or had any luck doing it? Thank you.

707
709

Is there a way to show all tracks / songs from the actual playlist / queue? I don’t know how to jump to a specific song in the actual playing list. Thx

710

I wish, but it’s not supported by Home Assistant :disappointed:

711

Maintaining a self-written media browser that matches Home Assistant’s built-in media browser has become increasingly difficult. This area has been the one with the most bugs and issues reported. Because of this the decision is to only show favorites in media section, and for other media the user can use HA’s built-in media browser dialog.

A new beta is released which uses Home Assistant’s built-in browser. Please try it out and let me know if you find any issues:

image
image1014×1140 124 KB

PunxaPhil
image

712

Hello,
I might be missing something but how do I add items to All Favourites?
I have nothing there although I have many favourites on my Sonos favourites app.

713

Yes, that should be enough.

714

For me the card does not show up in the HACS frontend search. Am i overlooking something or did everyone make the manual download / install?

Edit : Turns uit I overlooked the explore and download repositories button. From here search for sonos.

Card works like a charm!

715

Hi,
First of all thanks for this great card! Absolutely loving it!
I am pretty curious for this new feature in the latest update:

Is this something you need to activate somewhere? Or is this something under the hood?

716

Sorry, I miss-tagged that change. It is not a feature, it is under the hood.
This is just to reuse Home Assistant’s built in component to render player control buttons, instead of me building and maintaining them myself.

1 Like