Favorits in Radio Browser

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

afbeelding

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?

Hey @woempiej.
Could you send me youre code?
Liever lui dan moe :wink:

You’ve got mail :wink: In your private box.

It’s still a lot of work for you customize it moehahaha :blush:

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

afbeelding