It would be great to add to Radio Browser possibility to select favorite radio stations available by one click. Searching radio stations by language or country need to many actions.
Also adding a podcasts like Google podcast to Cast options would be great.
Is there any option for you to use picture cards for this one?
You can set a tap action to the picture to play a radio station
Thank you for this idea. I didn’t thought about it because I never use any tap action. I will try.
Try this card
- type: custom:button-card
icon: mdi:radio
color: rgba(255,255,255,0.5)
size: 40px
name: null
style:
.: |
ha-card {
background-color: rgba(0,0,0,0.0);
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3), inset 1px 1px 1px 0px rgba(255,255,255,0.2);
border-radius: 20px;
height: 50px;
}
styles:
icon:
- filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.9))
card:
- transform: scale(0.9, 1.0)
view_layout:
column: 5
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Music player
size: normal
right_button: Close
right_button_action: <service call>
left_button: Back
content:
type: vertical-stack
style:
.: |
card-mod-more-info {
background-color: rgba(255,0,0,1);
}
cards:
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: picture-elements
elements:
- type: custom:mini-media-player
entity: media_player.volumio
volume_stateless: false
group: false
artwork: material
toggle_power: true
source: full
sound_mode: full
style:
top: 15%
left: 50%
width: 100%
- type: custom:button-card
entity_picture: /local/1fm.png
entities:
- entity: script.1fm_absolute_top_40
show_entity_picture: true
name: null
show_state: false
size: 90px
use_light_color: true
tap_action:
action: call-service
service: script.1fm_absolute_top_40
hold_action:
action: more-info
style:
top: 40%
left: 13%
width: 24%
- type: custom:button-card
entity_picture: /local/loveradio.png
entities:
- entity: script.love_radio_907
show_entity_picture: true
name: null
show_state: false
size: 90px
use_light_color: true
tap_action:
action: call-service
service: script.love_radio_907
hold_action:
action: more-info
style:
top: 40%
left: 38%
width: 24%
- type: custom:button-card
entity_picture: /local/bigfm.png
entities:
- entity: script.bigfm_berlin
show_entity_picture: true
name: null
show_state: false
size: 90px
use_light_color: true
tap_action:
action: call-service
service: script.bigfm_berlin
hold_action:
action: more-info
style:
top: 40%
left: 63%
width: 24%
- type: custom:button-card
entity_picture: /local/90s90s.png
entities:
- entity: script.90s90s_hits
show_entity_picture: true
name: null
show_state: false
size: 90px
use_light_color: true
tap_action:
action: call-service
service: script.90s90s_hits
hold_action:
action: more-info
style:
top: 40%
left: 88%
width: 24%
- type: custom:button-card
entity_picture: /local/80s80live.png
entities:
- entity: script.80s80s_live
show_entity_picture: true
name: null
show_state: false
size: 90px
use_light_color: true
tap_action:
action: call-service
service: script.80s80s_live
hold_action:
action: more-info
style:
top: 60%
left: 88%
width: 24%
- type: custom:button-card
entity_picture: /local/80s80s.png
entities:
- entity: script.90s90s_love
show_entity_picture: true
name: null
show_state: false
size: 90px
use_light_color: true
tap_action:
action: call-service
service: script.90s90s_love
hold_action:
action: more-info
style:
top: 60%
left: 13%
width: 24%
- type: custom:button-card
entity_picture: /local/90s90sblack&rnb.png
entities:
- entity: script.90s90s_black_and_rnb
show_entity_picture: true
name: null
show_state: false
size: 90px
use_light_color: true
tap_action:
action: call-service
service: script.90s90s_black_and_rnb
hold_action:
action: more-info
style:
top: 60%
left: 38%
width: 24%
- type: custom:button-card
entity_picture: /local/90s90shiphop&rap.png
entities:
- entity: script.90s90s_hiphop_and_rap
show_entity_picture: true
name: null
show_state: false
size: 90px
use_light_color: true
tap_action:
action: call-service
service: script.90s90s_hiphop_and_rap
hold_action:
action: more-info
style:
top: 60%
left: 63%
width: 24%
image: /local/blackyellowreduced.png
3 Likes
I am trying to figure this out as well. I want to play to the device I am on. How do I develop this?
You’ve got mail 
In your private box.
It’s still a lot of work for you customize it moehahaha 
My inbox is a bit hungry as well, or maybe just share it so everyone can use some of it please?
Thanks!
- type: custom:expander-card
gap: ''
padding: ''
clear: true
title: 🎶 MUZIEK
overlay-margin: 2em
child-padding: ''
button-background: steelblue
cards:
- square: false
type: grid
cards:
- type: horizontal-stack
cards:
- type: picture
tap_action:
action: call-service
service: media_player.play_media
target:
entity_id:
- media_player.woonkamer
data:
media_content_type: TUNEIN
media_content_id: play Qmusic 1004 FM
image: /local/tmp/Qmusic.png
hold_action:
action: call-service
service: media_player.play_media
target:
entity_id: media_player.woonkamer
data:
media_content_id: play Qmusic 1004 FM everywhere
media_content_type: TUNEIN
- type: picture
image: /local/tmp/Slam.png
tap_action:
action: call-service
service: media_player.play_media
service_data:
media_content_type: TUNEIN
media_content_id: play SLAM FM
target:
entity_id: media_player.woonkamer
hold_action:
action: call-service
service: media_player.play_media
service_data:
media_content_id: play SLAM FM everywhere
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
- type: picture
image: /local/tmp/Radio538.png
tap_action:
action: call-service
service: media_player.play_media
data:
media_content_id: play radio 538
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
hold_action:
action: call-service
service: media_player.play_media
data:
media_content_id: play radio 538 everywhere
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
- type: picture
tap_action:
action: call-service
service: media_player.play_media
service_data:
media_content_id: play sky radio
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
hold_action:
action: call-service
service: media_player.play_media
service_data:
media_content_id: play sky radio everywhere
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
image: /local/tmp/SkyradioNonStop.png
- type: picture
image: /local/tmp/ArrowRock.png
tap_action:
action: call-service
service: media_player.play_media
service_data:
media_content_id: play Arrow Classic Rock
media_content_type: TUNEIN
target:
entity_id:
- media_player.woonkamer
hold_action:
action: call-service
service: media_player.play_media
service_data:
media_content_id: play Arrow Classic Rock everywhere
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
- type: horizontal-stack
cards:
- type: picture
tap_action:
action: call-service
service: media_player.play_media
target:
entity_id:
- media_player.woonkamer
data:
media_content_type: TUNEIN
media_content_id: play Qmusic-Het-Foute-Uur
image: /local/tmp/QmusicFU.jpg
hold_action:
action: call-service
service: media_player.play_media
target:
entity_id: media_player.woonkamer
data:
media_content_id: play Qmusic-Het-Foute-Uur everywhere
media_content_type: TUNEIN
- type: picture
image: /local/tmp/SlamHS.png
tap_action:
action: call-service
service: media_player.play_media
service_data:
media_content_type: TUNEIN
media_content_id: play SLAM Hardstyle
target:
entity_id: media_player.woonkamer
hold_action:
action: call-service
service: media_player.play_media
service_data:
media_content_id: play play SLAM Hardstyle everywhere
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
- type: picture
image: /local/tmp/Radio538DP.jpeg
tap_action:
action: call-service
service: media_player.play_media
data:
media_content_id: play Radio 538 Dance Department
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
hold_action:
action: call-service
service: media_player.play_media
data:
media_content_id: play Radio 538 Dance Department everywhere
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
- type: picture
image: /local/tmp/Radio_10.jpg
tap_action:
action: call-service
service: media_player.play_media
service_data:
media_content_id: play Radio 10
media_content_type: TUNEIN
target:
entity_id:
- media_player.woonkamer
hold_action:
action: call-service
service: media_player.play_media
service_data:
media_content_id: play Radio 10 everywhere
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
- type: picture
tap_action:
action: call-service
service: media_player.play_media
service_data:
media_content_id: play Radio Veronica Rockradio
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
hold_action:
action: call-service
service: media_player.play_media
service_data:
media_content_id: play play Radio Veronica Rockradio everywhere
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
image: /local/tmp/VeronicaRock.png
- type: horizontal-stack
cards:
- type: picture
tap_action:
action: call-service
service: media_player.play_media
target:
entity_id:
- media_player.woonkamer
data:
media_content_type: TUNEIN
media_content_id: play Qmusic Nonstop Maximum Hits
image: /local/tmp/QmusicNS.png
hold_action:
action: call-service
service: media_player.play_media
target:
entity_id: media_player.woonkamer
data:
media_content_id: play Qmusic Nonstop Maximum Hits everywhere
media_content_type: TUNEIN
- type: picture
image: /local/tmp/SlamHIP.png
tap_action:
action: call-service
service: media_player.play_media
target:
entity_id: media_player.woonkamer
data:
media_content_type: TUNEIN
media_content_id: play SLAM-Housuh-in-de-Pauzuh
hold_action:
action: call-service
service: media_player.play_media
target:
entity_id: media_player.woonkamer
data:
media_content_id: play SLAM-Housuh-in-de-Pauzuh everywhere
media_content_type: TUNEIN
- type: picture
image: /local/tmp/Radio538Party.jpeg
tap_action:
action: call-service
service: media_player.play_media
data:
media_content_id: play Radio 538 Party
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
hold_action:
action: call-service
service: media_player.play_media
data:
media_content_id: play Radio 538 Party everywhere
media_content_type: TUNEIN
target:
entity_id: media_player.woonkamer
- type: picture
image: /local/tmp/NPO2.png
tap_action:
action: call-service
service: media_player.play_media
target:
entity_id:
- media_player.woonkamer
data:
media_content_id: play NPO Radio 2
media_content_type: TUNEIN
hold_action:
action: call-service
service: media_player.play_media
target:
entity_id: media_player.woonkamer
data:
media_content_id: play NPO Radio 2 everywhere
media_content_type: TUNEIN
- type: picture
tap_action:
action: call-service
service: media_player.play_media
target:
entity_id: media_player.woonkamer
data:
media_content_id: play The Metal Mix
media_content_type: TUNEIN
hold_action:
action: call-service
service: media_player.play_media
target:
entity_id: media_player.woonkamer
data:
media_content_id: play The Metal Mix everywhere
media_content_type: TUNEIN
image: /local/tmp/MetalMixx.png
- type: horizontal-stack
cards:
- show_name: true
show_icon: false
type: button
tap_action:
action: call-service
service: media_player.media_stop
service_data: {}
target:
entity_id:
- media_player.woonkamer
- media_player.keuken
- media_player.gang
- media_player.multi_echo
icon: mdi:stop-circle-outline
name: STOP
show_state: false
card_mod:
style: |
ha-card {
color: red;
background-color: rgba(180, 35, 35, .1);
}
- type: custom:mini-media-player
entity: media_player.spotify
artwork: cover
hide:
source: true
power: true
progress: true
name: true
volume: true
columns: 1
expanded: false
title-card:
type: custom:mini-media-player
entity: media_player.everywhere
hide:
info: true
controls: true
source: true
power: true
icon: true
progress: true
name: true
artwork: none
group: true
background: /local/tmp/achtergrondblack.png
