type: entities
entities:
- type: custom:mini-media-player
group: true
entity: media_player.home_theater_room
toggle_power: false
artwork: cover
artwork_border: true
power_color: true
show_source: true
sync_volume: true
expanded: true
speaker_group:
platform: media_player
show_group_count: true
entities:
- entity_id: media_player.kitchen_2
name: Link Kitchen
- entity_id: media_player.master_bedroom_2
name: Link Master Bedroom
- entity_id: media_player.office
name: Link Office
- entity_id: media_player.home_theater_room_zone2
name: Link Patio
- type: custom:mini-media-player
entity: media_player.kitchen_2
group: true
toggle_power: false
- type: custom:mini-media-player
entity: media_player.master_bedroom_2
group: true
controls: true
toggle_power: false
- type: custom:mini-media-player
entity: media_player.office
group: true
toggle_power: false
- type: custom:mini-media-player
entity: media_player.home_theater_room_zone2
name: Patio (Zone 2)
group: true
toggle_power: false
header:
type: picture
image: /local/images/musiccast.png
tap_action:
action: none
hold_action:
action: none
state_color: true
3 Likes
No one can use your pasted code if you don’t format it correctly.
Please check now if it’s ok. I just copy and paste the code, it’s my first time here in the forum.
2 Likes
Welcome!
Looks good now, thank you.
1 Like
Okay, sorry but i`m very new to HA. And i want this 
How do i get this working in my HA?
I can`t find any setup with the musiccast.
@CharlesGitHib quick question for you. I love your design and used it as inspiration for my MusicCast Group Control card. How did you get the little Yamaha logo’s next to the room names? I really like the look of that a lot. Here’s my current card layout:
1 Like
@staceydodds love the card, would appreciate if you could shave the entire YAML?
Sorry for the late reply. Haven’t been here in a while. Here’s my updated looking card:
And here’s the code for the card:
type: custom:button-card
show_state: false
tap_action:
action: none
custom_fields:
header_picture:
card:
type: picture
image: local/musiccast.png
card_mod:
style: |
ha-card
{background: transparent;
border-style: none;
group_link:
card:
type: custom:mini-media-player
group: true
entity: media_player.media_player
name: MEDIA PLAYER
artwork: none
hide:
power: true
icon: true
toggle_power: false
info: true
volume: true
group_button: true
power_color: true
show_source: true
expanded: true
speaker_group:
platform: media_player
sync_volume: false
show_group_count: false
expanded: true
icon: mdi:link
entities:
- entity_id: media_player.home_theater
name: Link Home Theater
- entity_id: media_player.living_room
name: Link Living Room
- entity_id: media_player.patio
name: Link Patio
- entity_id: media_player.garage
name: Link Garage
now_playing:
card:
type: custom:mini-media-player
entity: media_player.media_player
card_mod:
style: |
.entity__info__media {
opacity: 1 !important;
color: white !important;
}
artwork: none
group: true
info: scroll
scale: 1.5
hide:
volume: true
source: true
power: true
power_state: true
controls: true
icon: true
name: true
artwork:
card:
type: custom:mini-media-player
entity: media_player.media_player
card_mod:
style: |
ha-card {
height: 150px;
aspect-ratio: 1 / 1;
}
artwork: full-cover
toggle_power: false
group: true
hide:
volume: true
icon: true
source: true
info: true
name: true
power: true
power_state: true
controls: true
home_theater_label:
card:
type: custom:bubble-card
card_type: separator
name: Home Theater
home_theater_volume:
card:
type: custom:mini-media-player
entity: media_player.home_theater
group: true
toggle_power: false
artwork: none
hide:
power: false
source: true
info: true
icon: true
progress: true
controls: true
volume_level: false
name: true
living_room_volume:
card:
type: custom:mini-media-player
entity: media_player.living_room
group: true
toggle_power: false
artwork: none
hide:
power: false
source: true
info: true
icon: true
progress: true
controls: true
volume_level: false
name: true
living_room_label:
card:
type: custom:bubble-card
card_type: separator
name: Living Room
patio_volume:
card:
type: custom:mini-media-player
entity: media_player.patio
group: true
toggle_power: false
artwork: none
hide:
power: false
source: true
info: true
icon: true
progress: true
controls: true
volume_level: false
name: true
patio_label:
card:
type: custom:bubble-card
card_type: separator
name: Patio
patio_speaker_a:
card:
type: custom:bubble-card
card_type: separator
name: Indoor
patio_speaker_b:
card:
type: custom:bubble-card
card_type: separator
name: Outdoor
patio_speaker_a_switch:
card:
type: custom:mushroom-chips-card
chips:
- type: entity
entity: switch.speaker_a_2
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
patio_speaker_b_switch:
card:
type: custom:mushroom-chips-card
chips:
- type: entity
entity: switch.speaker_b_2
tap_action:
action: toggle
hold_action:
action: none
double_tap_action:
action: none
garage_label:
card:
type: custom:bubble-card
card_type: separator
name: Garage
garage_volume:
card:
type: custom:mini-media-player
entity: media_player.garage
group: true
toggle_power: false
artwork: none
hide:
power: false
source: true
info: true
icon: true
progress: true
controls: true
volume_level: false
name: true
styles:
card:
- padding: 22px
- align-self: start
- width: 492px
- height: 790px
- opacity: 1
- background-color: transparent
- border: thick
custom_fields:
header_picture:
- position: absolute
- top: "-12px"
- left: "-90px"
- width: 725px
- height: 200px
group_link:
- position: absolute
- top: 28px
- left: 15px
- width: 400px
- height: 200px
now_playing:
- position: absolute
- top: 300px
- left: 0px
- width: 490px
- height: 250px
artwork:
- position: absolute
- top: 80px
- left: 327px
- width: 200px
- height: 200px
home_theater_label:
- position: absolute
- top: 350px
- left: 0px
- width: 490px
- height 100px
home_theater_volume:
- position: absolute
- top: 380px
- left: 0px
- width: 490px
- height: 100px
living_room_label:
- position: absolute
- top: 430px
- left: 0px
- width: 490px
- height 100px
living_room_volume:
- position: absolute
- top: 460px
- left: 0px
- width: 490px
- height: 100px
patio_label:
- position: absolute
- top: 510px
- left: 0px
- width: 490px
- height 100px
patio_volume:
- position: absolute
- top: 540px
- left: 0px
- width: 490px
- height: 100px
patio_speaker_a:
- position: absolute
- top: 590px
- left: 80px
- width: 250px
- height: 100px
patio_speaker_b:
- position: absolute
- top: 620px
- left: 80px
- width: 250px
- height: 100px
patio_speaker_a_switch:
- position: absolute
- top: 584px
- left: 340px
- width: 250px
- height: 100px
patio_speaker_b_switch:
- position: absolute
- top: 620px
- left: 340px
- width: 250px
- height: 100px
garage_label:
- position: absolute
- top: 660px
- left: 0px
- width: 490px
- height 100px
garage_volume:
- position: absolute
- top: 690px
- left: 0px
- width: 490px
- height: 100px
nice work, very much appreciate your sharing!
1 Like