Hi Ross, did you find a solution to this? I have spent hours, removing and installing, looking through code but no answers.
Iâve created a dashboard for my phone and added the sonos card to it, but would like to make it more compact. Unfortunately, I cant figure out how to remove/hide the volume slider, which I dont need because I am using the +/- controls.
Can the card be configured to hide artwork so you just get the controls? Alternatively, add the artwork to the left of the controls?
Thanks for the awesome card!
Edit: OK, figured out how to remove them using card mod, but it would be good if the padding could be reduced
card_mod:
style:
sonos-player$: |
.artwork {
display: none;
}
.controls {
display: ;
}
"sonos-player$ sonos-player-controls$": |
sonos-volume {
display: none;
}
Hi,
Deleting and reinstalling Fully Browser did work in terms of the Spotify-based Favourites artwork, and the graphics in the browsing interface. Not sure if that point to an issue with the browser caching perhaps, if only a difference between platforms / WebKit versions etc.
No joy on the locally-stored Favourites, unfortunately. Manually adding artwork doesnât seem to work either, so may be that theyâre not considered missing, and just not rendering properly for some reason. Have tried re-embedding, reindexing etc.
So thatâs still a bit of a mystery - will let you know if I get to the bottom of it! Have yet to try using a cover art file in the directory. Will give that a go when I canâŚ
@PunxsutawneyPhil Great job on this, really!
Two things / requests:
-
Is it possible to split or style the song title and artist separately? Like you can with for instance the mini media player card or default media card.
-
Can I somehow make the âshuffleâ function work with Spotify / Chromecast? The standard controls (play, pause, next track etc.) work just fine.
Thank you!
We can take a look. Please post issues on GitHub
Is there a way to control the behavior of sorting for the individual devices in the grouping list, e.g. to avoid that they are re-agranged once a device is removed or added to the current group? Currently group members are always on top, removed devices at the ned of the list. Would be nice to stick to a sorted list without considering if they are group member or not.
Hi, i have the same problem. Only Pictures from NAS are missing in the favourites section.
Anyone know if there is a way to adjust artwork opacity?
Try this:
card_mod:
style:
sonos-player$: |
.artwork {
opacity: 0.5
}
Is it possible to change the second and third line ?
When there is spotfify playing, I donât want the spotify to be seen on those lines, but nothing ( because the sonos card is not used), or a message that the player is not playing
Sorry, really new here but I cannot get my background in my Sonos card to to ânoneâ
I added this to my theme;
sonos-ha-card-background-color: none
ha-card-box-shadow: none
and reloaded everything but I am still getting a grey border.
I added card mod to do my weather card but cannot understand how to put this code into the sonos card (or if that would work?)
card_mod:
style: |
ha-card {
border-style: none;
background: transparent;
}
Also, sorry another question, my album artworks seem quite small, can these be made bigger without the card being bigger?
So if I have just the code above I can get it transparent, but then I cannot work out how to add things like hide album name. I currently have this but its not working
card_mod:
style: |
ha-card {
border-style: none;
background: transparent;
}
sonos-player$ sonos-player-header$: |
.artist-album {
display: none;
}
Start it like this and it will work:
card_mod:
style:
sonos-player: >
ha-card {
Also take care of the correct indentation.
card_mod:
style:
sonos-player: >
ha-card {
border-style: none;
background: transparent;
}
sonos-player$ sonos-player-header$: |
.artist-album {
display: none;
}
thanks thats perfect! Because I am using the GUI for making the dashboard you only get the code editor which I do not find as easy to indent etc with as editing a proper yaml file.
Thanks again!
Would anyone here know how to use the MediaTitleRegexToReplace function to search for multiple criteria such as filenames ending with either .com or .mp3?
Struggling to find any examples of REGEX that would cover multiple scenarios. There are plenty for either or, but none I can find that could be used for multiple search criteria.
Just figured it out, needed a pipe character between the different regex values, as below:
^(.?.com.)|^(.?.mp3.)
Additional point. If MediaTitleRegexToReplace is used correctly, it will hide the text in the Title field, but it will keep the player progress field showing a value. Can this be adjusted to hide this too?
@PunxsutawneyPhil Great work! Excellent card!
When displaying the order of groups the donât show up in the order Iâve put them:
entities:
- media_player.sonos_vardagsrum
- media_player.sonos_move
- media_player.kok
- media_player.hogtalare_badrum
predefinedGroups:
- name: Sonos
media: null
entities:
- player: media_player.sonos_vardagsrum
- player: media_player.sonos_move
- player: media_player.kok
- name: Alla
media: ""
entities:
- player: media_player.sonos_vardagsrum
- player: media_player.sonos_move
- player: media_player.kok
- player: media_player.hogtalare_badrum
Hello @PunxsutawneyPhil
Did not want to start another thread about this card.
So many people are praising this card so I wanterd to test it.
Are there any other additional things I might need to install?
The procedure indicated on the info page and on Git donât seem to be enough for the ccard to work.
As many other users, I canât find the sonos-card card to add to my dashboard, and if I try to add the code manually I get the error Custom element doesn't exist: sonos-card.
My Sonos integration can see al the speakers in the house, and I can use the standard media player integration to control my owntone server to start playing music or playlists or radio stations.
Any idea why this card is so tricky to get setup?
I added this through HACS.
The files have been downloaded in the usual path.
have you refreshed your browser?