Media Player Dynamic Groups is a card to help dynaically show media_players depending on which speakers/speaker groups are currently playing.
| Name | Type | Requirement | Description | Default |
|---|---|---|---|---|
type |
string | Required | media-player-dynamic-groups |
|
title |
string | Optional | Header of the card | |
cards |
object | Required | The media_player card you want to embed. Note this card must have a property called entity |
none |
media_player_tree |
object | Required | The tree of Media Player Entities used to determine which media_player(s) is/are currently shown. See Media Player Tree Object | |
keep |
object | Optional | See keep object. Come directly from stack-in-card. |
| Name | Type | Requirement | Description |
| entityId | string | true | 'entityId' of a media player |
| children | MediaPlayerTree[] | false | Optional additional MediaPLayerTree child objects |
| Name | Type | Requirement | Description | Default |
|---|---|---|---|---|
background |
boolean | Optional | Will keep the background on all the child cards. To keep the background on specific cards only, assign the CSS variable --keep-background: 'true' on the card where you want to keep the background. |
false |
box_shadow |
boolean | Optional | Will keep the box-shadow on all the child cards |
false |
margin |
boolean | Optional | Will keep the margin between all the child cards |
false |
outer_padding |
boolean | Optional | Will add a padding of 8px to the card if margin is true |
true if margin is true, else false |
border_radius |
boolean | Optional | Will keep the border-radius on all the child cards |
false |
Note: 'media_player_group_tree' must be made entirely of media_player entities and have only 1 entity at it's root.
type: 'custom:group-media-players'
media_player_group_tree:
entityId: media_player.all_speakers
children:
- entityId: media_player.upstairs_speakers
children:
- entityId: media_player.office_speaker
- entityId: media_player.bedroom_speaker
- entityId: media_player.stairs_speaker
- entityId: media_player.bedroom_clock
- entityId: media_player.downstairs_speakers
children:
- entityId: media_player.living_room_speaker
- entityId: media_player.kitchen_speaker
- entityId: media_player.poker_room_speaker
card:
type: 'custom:mini-media-player'
artwork: cover
hide:
power: true
icon: true
source: trueRaw Yaml Configuration for HACS
resources:
- url: /community/media-player-dynamic-groups/media-player-dynamic-groups.js
type: js
Templated from stack-in-card
- Great code here. Really helped with managing state through various sub-cards.
- Still in development.
- This is software I write in my freetime to make Home Assistant's UI better for my own personal use! I'm happy to share it! But please know you are using it at your own risk! :)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent