Media Player Card with Grouping Support and Custom Buttons

Yea ngl this card looks great and I wanna try it out but tbh I’m holding out for HAC’s rn too, just makes it way easier to install and update

1 Like

I’ve added a hacs config and the barebones needed to add to hacs.
It’ll not be in the default repository but you can add it via custom repositories.
The repo to add is antontanderup/mediocre-hass-media-player-cards

Screenshots from the latest release:



2 Likes

I´ve tried it now with my alexa media players but i receive following error message - "media_player.join is not supported.

ist this a topic because i use alexa as media players?
thank you in advance

Is this the one you’re using?

From what i can see it doesn’t support the joining action. If it doesn’t then there’s nothing my card can do to join the speakers.

You can still use the card, you just remove speaker_group from the config and the icon will go away.

v0.15 released. First one after HACS.
Adds a lot of invisible dev cleanup and utility.
Also adds loading states to buttons for those long running actions.

2 Likes

Nice, now that it’s on HACs ill try it :+1:

1 Like

V0.16.0 just released.
In this one I’ve done a lot of work getting everything to use the right color variables, to make theming a lot easier.
A new config variable has been added to enable/disable using the artwork colors for theming the cards.
It is fairly subtle as I try to follow the lightness of the home assistant defaults and tint it with the artwork colors.


4 Likes

Idea: Icon support for when nothing is playing, instead of the blank album art that currently shows

1 Like

That’s a good point. I actually don’t show my media players when they’re off so that’s a version of the card I don’t see often myself.
What would you suggest. Is it good enough to just show the entity icon (which i think is editable in hass) or would you want to add a config variable.
I would definitely prefer for the config to remain as tight as possible :slight_smile:

1 Like

I would say just add this imo and keep it simple or like you said just show the entity icon that’s what I would prefer

“icon:”
Or
“entity_picture”

And it only shows either when nothing is playing

1 Like


Just published a new beta release with your suggestion. When there is no entity picture, and the player is off, player icon will be used. If there is no icon, device class will be used.
I also removed the small speaker name, as in the off state the title will always be the media player name.
Thanks for the feedback :slight_smile:

1 Like

@minutnudler can you share your theme config to achiev this gray background?
thanks!

@alexandrechoske Sure. I’m using this theme (that might be abandoned actually now i look at the repo).

Hi, thank you for the stunning card! I’m truly impressed by the design.

Is there a way to set a custom title for the card when it is not playing anything? Mine shows “media_player.my_media_player”. The media player does have a name, but for some reason, it isn’t displaying it.

Thanks so much :slight_smile:

1 Like

Thanks! Glad you like it :slight_smile:

Can you post the media player state/attributes from developer tools?

The fallback for the title is the attribute friendly_name.

Hi, thanks for the quick reply.

There are 2 players: the first is the speaker, and the second is the media player from Music Assistant.

Here is the card. When I select the actual speaker, I can see everything playing, but I get a strange title when nothing is playing.

If I change the player on the YAML code, I cannot see what’s playing, but I got a nice title.

I’m not sure what is happening, nor how to change the title.
Hope it helps, thanks!

That is strange.
Can you post the output from developer tools for the media player with the strange title?

Here it shows the friendly name correctly, like when I edit it, but not in the card, honestly, I don’t understand why.

Let me know if you need anything else, thanks.

Ahhh! It’s because music assistant lists your other media player as the source.
That is definitely not what I expected the source attribute could be used for.
Usually it’s aux, server, optical, Spotify etc.
So normally it makes sense to display when there’s no media title.
Not sure what do do with this edge case.

That is a weird case. I don’t really understand that behavior, to be honest. That is why I asked if there is a way to set a custom title for the card when it is not playing anything. Although, as you mentioned earlier, it should get the friendly name after all.