Radio w home assistant a wybór głośników

A jak zmierzyć albo sprawdzić jak duże są te przyciski?

I jeszcze jeden problem zauważyłem ,nie działa sterowanie głośnością muszę wyłączyć radio, włączyć ponownie ustawić głośność na docelowym poziomie i kliknąć stacje wtedy zmienia się ,ale podczas odtwarzania stacji niestety nic się nie dzieje.

Linki pobierz stąd:

Hej, mam oba radia że tak to nazwę…
Natomiast do gustu przypadł mi pomysł, który Artur wstawił, klikam i leci, bez wybierania, czy jest jakaś szansa aby pokazać co aktualnie gra w głośniku, ok radia sobie dodajemy, działają jak ta lala, natomiast jak wyświetlić które z nich aktualnie gra?
Może jakiś kod CSS aby po :active zmienił kolor, hmm?

fajnie ja by tak wyglądało np…
szybki CSS, tylko nie wiem jak to dołączyć do kodu encji

image

Wymagania:

mushroom
custom:fold-entity-row
custom:button-card

Kod karty:

type: custom:stack-in-card
mode: vertical
keep:
  box_shadow: true
  border_radius: true
  margin: true
  outer_padding: true
  background: true
cards:
  - type: vertical-stack
    cards:
      - type: conditional
        conditions:
          - entity: media_player.pokoj_dzienny
            state_not: 'off'
        card:
          type: custom:mini-media-player
          style: |
            :host {
              --mini-media-player-name-font-weight: 500;
              --mini-media-player-artwork-opacity: 1;
              --mini-media-player-media-cover-info-color: white;
              --mini-media-player-overlay-base-color: #2196f3;
            }
          entity: media_player.pokoj_dzienny
          info: scroll
          artwork: cover
          volume_stateless: false
          toggle_power: true
          hide:
            runtime_remaining: false
            runtime: false
            info: false
            power: true
            power_state: false
            progress: false
            source: false
            play_stop: true
            volume_level: false
            controls: true
            volume: true
            icon: true
            name: false
      - type: conditional
        conditions:
          - entity: media_player.artur_s_echo_show
            state_not: standby
        card:
          type: custom:mini-media-player
          style: |
            :host {
              --mini-media-player-name-font-weight: 500;
              --mini-media-player-artwork-opacity: 1;
              --mini-media-player-media-cover-info-color: white;
              --mini-media-player-overlay-base-color: #2196f3;
            }
          entity: media_player.artur_s_echo_show
          info: scroll
          artwork: cover
          volume_stateless: false
          toggle_power: true
          hide:
            runtime_remaining: false
            runtime: false
            info: false
            power: true
            power_state: false
            progress: false
            source: false
            play_stop: true
            volume_level: false
            controls: true
            volume: true
            icon: true
            name: false
      - type: conditional
        conditions:
          - entity: media_player.googlehome4300
            state: playing
        card:
          type: custom:mini-media-player
          style: |
            :host {
              --mini-media-player-name-font-weight: 500;
              --mini-media-player-artwork-opacity: 1;
              --mini-media-player-media-cover-info-color: white;
              --mini-media-player-overlay-base-color: #2196f3;
            }
          entity: media_player.googlehome4300
          info: scroll
          artwork: cover
          volume_stateless: false
          toggle_power: true
          hide:
            runtime_remaining: false
            runtime: false
            info: false
            power: true
            power_state: false
            progress: false
            source: false
            play_stop: true
            volume_level: false
            controls: true
            volume: true
            icon: true
            name: false
      - type: conditional
        conditions:
          - entity: media_player.artur_s_echo_dot
            state: playing
        card:
          type: custom:mini-media-player
          style: |
            :host {
              --mini-media-player-name-font-weight: 500;
              --mini-media-player-artwork-opacity: 1;
              --mini-media-player-media-cover-info-color: white;
              --mini-media-player-overlay-base-color: #2196f3;
            }
          entity: media_player.artur_s_echo_dot
          info: scroll
          artwork: cover
          volume_stateless: false
          toggle_power: true
          hide:
            runtime_remaining: false
            runtime: false
            info: false
            power: true
            power_state: false
            progress: false
            source: false
            play_stop: true
            volume_level: false
            controls: true
            volume: true
            icon: true
            name: false
  - square: false
    columns: 4
    type: grid
    cards:
      - type: custom:mushroom-template-card
        style: |
          :host { 
            --primary-text-color: 
            {% if is_state('input_select.chromecast_radio', 'Lazienka')%} #2196f3
            {% else %} #9e9e9e
            {% endif %}
            }
        secondary: ''
        icon: mdi:shower-head
        entity: media_player.pokoj_dzienny
        primary: Łazienka
        multiline_secondary: true
        icon_color: >-
          {{ is_state("input_select.chromecast_radio", "Lazienka") | iif("blue",
          "disabled") }}
        tap_action:
          action: call-service
          service: input_select.select_option
          service_data:
            option: Lazienka
          target:
            entity_id: input_select.chromecast_radio
        fill_container: true
        hold_action:
          action: more-info
        layout: vertical
      - type: custom:mushroom-template-card
        style: |
          :host { 
            --primary-text-color: 
            {% if is_state('input_select.chromecast_radio', 'Kuchnia')%} #2196f3
            {% else %} #9e9e9e
            {% endif %}
            }
        secondary: ''
        icon: mdi:silverware-fork-knife
        entity: media_player.artur_s_echo_show
        primary: Kuchnia
        multiline_secondary: true
        icon_color: >-
          {{ is_state("input_select.chromecast_radio", "Kuchnia") | iif("blue",
          "disabled") }}
        tap_action:
          action: call-service
          service: input_select.select_option
          service_data:
            option: Kuchnia
          target:
            entity_id: input_select.chromecast_radio
        fill_container: true
        layout: vertical
        hold_action:
          action: more-info
      - type: custom:mushroom-template-card
        style: |
          :host { 
            --primary-text-color: 
            {% if is_state('input_select.chromecast_radio', 'Salon')%} #2196f3
            {% else %} #9e9e9e 
            {% endif %}
            }
        secondary: ''
        icon: mdi:television-classic
        entity: media_player.googlehome4300
        primary: Salon
        multiline_secondary: true
        icon_color: >-
          {{ is_state("input_select.chromecast_radio", "Salon") | iif("blue",
          "disabled") }}
        tap_action:
          action: call-service
          service: input_select.select_option
          service_data:
            option: Salon
          target:
            entity_id: input_select.chromecast_radio
        fill_container: true
        layout: vertical
        hold_action:
          action: more-info
      - type: custom:mushroom-template-card
        style: |
          :host { 
            --primary-text-color: 
            {% if is_state('input_select.chromecast_radio', 'Salon Alexa')%} #2196f3
            {% else %} #9e9e9e
            {% endif %}
            }
        secondary: ''
        icon: mdi:laptop
        entity: media_player.artur_s_echo_dot
        primary: Salon Alexa
        multiline_secondary: true
        icon_color: >-
          {{ is_state("input_select.chromecast_radio", "Salon Alexa") |
          iif("blue", "disabled") }}
        tap_action:
          action: call-service
          service: input_select.select_option
          service_data:
            option: Salon Alexa
          target:
            entity_id: input_select.chromecast_radio
        fill_container: true
        layout: vertical
        hold_action:
          action: more-info
  - type: entities
    entities:
      - type: custom:fold-entity-row
        padding: 0
        style:
          ha-icon:
            $: |
              ha-svg-icon {
               color: #ff5722;
                }
        head:
          type: custom:button-card
          name: Polskie Stacje Radiowe
          tap_action:
            action: none
          styles:
            card:
              - margin-bottom: 0px
              - padding-bottom: 0px
              - padding-top: 0px
              - box-shadow: none
            name:
              - justify-self: start
              - padding-left: 8px
              - font-size: 15px
              - font-weight: bold
              - color: '#795548'
        entities:
          - type: custom:mushroom-chips-card
            card_mod:
              style: |
                ha-card {
                  --chip-border-radius: 12px;
                  --primary-text-color: grey;
                }
            chips:
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "RMF FM") |
                  iif("blue", "disabled") }}
                content: RMF FM
                icon: >-
                  {{ is_state("input_select.radio_station", "RMF FM") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: RMF FM
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "Meloradio") |
                  iif("blue", "disabled") }}
                content: Meloradio
                icon: >-
                  {{ is_state("input_select.radio_station", "Meloradio") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: Meloradio
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "RadioZET") |
                  iif("blue", "disabled") }}
                content: RadioZET
                icon: >-
                  {{ is_state("input_select.radio_station", "RadioZET") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: RadioZET
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "Eska") |
                  iif("blue", "disabled") }}
                content: Eska
                icon: >-
                  {{ is_state("input_select.radio_station", "Eska") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: Eska
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "Na Cały Dzień") |
                  iif("blue", "disabled") }}
                content: Na Cały Dzień
                icon: >-
                  {{ is_state("input_select.radio_station", "Na Cały Dzień") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: Na Cały Dzień
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "MagicFM") |
                  iif("blue", "disabled") }}
                content: Magic FM
                icon: >-
                  {{ is_state("input_select.radio_station", "MagicFM") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: MagicFM
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "Rock Radio") |
                  iif("blue", "disabled") }}
                content: Rock Radio
                icon: >-
                  {{ is_state("input_select.radio_station", "Rock Radio") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: Rock Radio
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "RadioMedias") |
                  iif("blue", "disabled") }}
                content: Radio Medias
                icon: >-
                  {{ is_state("input_select.radio_station", "RadioMedias") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: RadioMedias
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "RadioPetrecere") |
                  iif("blue", "disabled") }}
                content: Radio Petrecere
                icon: >-
                  {{ is_state("input_select.radio_station", "RadioPetrecere") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: RadioPetrecere
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "Open FM-Bieganie")
                  | iif("blue", "disabled") }} 
                content: Open FM-Bieganie
                icon: >-
                  {{ is_state("input_select.radio_station", "Open FM-Bieganie")
                  | iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: Open FM-Bieganie
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "Open FM-90`s Hits")
                  | iif("blue", "disabled") }}
                content: Open FM-90`s Hits
                icon: >-
                  {{ is_state("input_select.radio_station", "Open FM-90`s Hits")
                  | iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: Open FM-90`s Hits
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "Open FM-Polski
                  Rock") | iif("blue", "disabled") }}
                content: Open FM-Polski Rock
                icon: >-
                  {{ is_state("input_select.radio_station", "Open FM-Polski
                  Rock") | iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: Open FM-Polski Rock
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "Open FM-Praca") |
                  iif("blue", "disabled") }}
                content: Open FM-Praca
                icon: >-
                  {{ is_state("input_select.radio_station", "Open FM-Praca") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: Open FM-Praca
                  target:
                    entity_id: input_select.radio_station
            alignment: null
  - type: entities
    entities:
      - type: custom:fold-entity-row
        padding: 0
        style:
          ha-icon:
            $: |
              ha-svg-icon {
               color: #ff5722;
                }
        head:
          type: custom:button-card
          name: Lokalne
          tap_action:
            action: none
          styles:
            card:
              - margin-bottom: 0px
              - padding-bottom: 0px
              - padding-top: 0px
              - box-shadow: none
            name:
              - justify-self: start
              - padding-left: 8px
              - font-size: 15px
              - font-weight: bold
              - color: '#795548'
        entities:
          - type: custom:mushroom-chips-card
            card_mod:
              style: |
                ha-card {
                  --chip-border-radius: 12px;
                  --primary-text-color: grey;
                }
            chips:
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "P1") | iif("blue",
                  "disabled") }}
                content: P1
                icon: >-
                  {{ is_state("input_select.radio_station", "P1") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: P1
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "P2") | iif("blue",
                  "disabled") }}
                content: P2
                icon: >-
                  {{ is_state("input_select.radio_station", "P2") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: P2
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "P3") | iif("blue",
                  "disabled") }}
                content: P3
                icon: >-
                  {{ is_state("input_select.radio_station", "P3") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: P3
                  target:
                    entity_id: input_select.radio_station
              - type: template
                entity: input_select.radio_station
                icon_color: >-
                  {{ is_state("input_select.radio_station", "P4") | iif("blue",
                  "disabled") }}
                content: P4
                icon: >-
                  {{ is_state("input_select.radio_station", "P4") |
                  iif("mdi:checkbox-blank-circle",
                  "mdi:checkbox-blank-circle-outline") }}
                tap_action:
                  action: call-service
                  service: input_select.select_option
                  service_data:
                    option: P4
                  target:
                    entity_id: input_select.radio_station
  - type: custom:mushroom-chips-card
    chips:
      - type: action
        icon_color: blue
        icon: mdi:play
        tap_action:
          action: call-service
          service: script.radio
          service_data: {}
          target: {}
      - type: action
        icon_color: deep-orange
        icon: mdi:stop
        tap_action:
          action: call-service
          service: script.radiostop
          service_data: {}
          target: {}
      - type: action
        tap_action:
          action: call-service
          service: input_number.decrement
          service_data: {}
          target:
            entity_id: input_number.volume_radio
        icon: mdi:volume-minus
        icon_color: grey
      - type: template
        card_mod: null
        content: >-
          {{ state_attr('media_player.googlehome4300', 'volume_level') |
          round(2,default="0") }}
        style: |
          ha-card {
              box-shadow: 0px 0px;
          }
      - type: action
        icon: mdi:volume-plus
        tap_action:
          action: call-service
          service: input_number.increment
          service_data: {}
          target:
            entity_id: input_number.volume_radio
        icon_color: grey
  - type: custom:mushroom-entity-card
    entity: input_number.volume_radio
  - type: custom:my-slider
    entity: input_number.volume_radio
    height: 20px
    mainSliderColor: '#7dbde8'
    secondarySliderColor: '#f2590c'
    thumbWidth: 5px
    thumbHeight: 30px
    thumbColor: black
    thumbHorizontalPadding: 0px
    thumbVerticalPadding: 0px

Kod w sekcji package do obsługi Radia:

https://pastebin.com/hN7XPjUF

Też kiedyś próbowałem, udało mnie się jedynie zmieniać kolor karty w zależności od tego, która stacja aktualnie gra.
1
2

entity: media_player.jbl_link_music_730b
shortcuts:
  buttons:
    - id: https://an01.cdn.eurozet.pl/ANTGRE.mp3
      name: Antyradio
      type: music
      image: /local/antyradio.jpg
    - id: https://bestofrockfm.stream.vip/rammstein/mp3-192/;
      name: Rammstein
      type: music
      image: /local/rammsteinradio.jpg
    - id: >-
        http://www.pldm.ml/radio.php?id=-1&url=http://www.eskago.pl/radio/eska-malopolska-zakopane
      name: Eska
      type: music
      image: /local/eska.jpg
    - id: https://stream.open.fm/14
      name: Open FM
      type: music
      image: /local/open_fm_90s_hits.png
  columns: 2
card_mod:
  style: |
    .mmp__bg {
      {% set media_content_id = state_attr('media_player.jbl_link_music_730b', 'media_content_id') %}
      {% if media_content_id | regex_search('https://an01.cdn.eurozet.pl/ANTGRE.mp3') %}
        background-color: darkorange !important;
      {% elif media_content_id | regex_search('https://bestofrockfm.stream.vip/rammstein/mp3-192/') %}
        background-color: red !important;
      {% elif media_content_id == 'http://www.pldm.ml/radio.php?id=-1&url=http://www.eskago.pl/radio/eska-malopolska-zakopane' %}
        background-color: blue !important;
      {% elif media_content_id | regex_search('https://stream.open.fm/14') %}
        background-color: green !important;
      {% endif %}
      background-repeat: no-repeat !important;
      background-origin: padding-box !important;
      background-size: contain !important;
      background-blend-mode: multiply;
      opacity: 0.4 !important;
    }
type: custom:mini-media-player

Dzięki śliczne, to w sumie teraz trzeba pokombinować aby zamienić kolor na
bg-image i chyba jesteśmy w domu…:wink:

a… i oczywiście du hast image dla przedmówcy… :wink:

ok, chwila i coś tam mamy…
2023-12-24_15-23-34
2023-12-24_15-32-46

teraz jeszcze dopasowanie i w planie usunięcie ikonek “zdjęć”, font-size: 0px i w zamian grafiki stacji radiowych i będzie pięknie myślę… :wink:

Edit:

No dobra, dobre człowieki… :wink:
Udało mi się naskrobać coś takiego, głównie dzięki MariuszAK, dzięki.
Zamysł był prosty, brak opisów, które zastępują grafiki oraz aby było widoczne co aktualnie jest odtwarzane.
Natomiast jeśli nic nie jest odtwarzane, wyświetla bg-image “tapetę”, która ma index poniżej pozostałych.
2radio_by_sweb

I oczywiście kod:

type: custom:mini-media-player
entity: media_player.glosnik_w_salonie
name: Głośnik w salonie
volume_stateless: false
hide:
  power: false
  source: true
  icon: true
  name: false
  controls: true
  volume: false
shortcuts:
  hide_when_off: false
  columns: 3
  attribute: source
  buttons:
    - id: https://an01.cdn.eurozet.pl/ANTGRE.mp3
      name: Antyradio
      type: music
      image: /local/antyradio.png
    - id: https://bestofrockfm.stream.vip/rammstein/mp3-192/;
      name: Rammstein
      type: music
      image: /local/rammstein.jpg
    - id: https://an03.cdn.eurozet.pl/ANTPOL.mp3;
      name: RADIO ZET
      type: music
      image: /local/radiozet.png
    - id: https://rs101-krk-cyfronet.rmfstream.pl/RMFFM48/;
      name: RMF FM
      type: music
      image: /local/rmf.png
    - id: https://ic2.smcdn.pl/2380-1.mp3;
      name: Eska
      type: music
      image: /local/eska.png
    - id: https://player.xcast.com.br/proxy/7552/;
      name: Radio rock
      type: music
      image: /local/radiorock.png
artwork: none
toggle_power: true
card_mod:
  style: |
    :host {
      --mini-media-player-button-color: #fff !important;
    }

    .attr__app_name {
     display: none !important;
    }

    .mmp__bg {
        background-position: top !important;
        background-size: cover  !important;
        opacity: 0. !important;
        max-height: 70% !important;
        background-image: url("https://miro.medium.com/v2/resize:fit:3840/format:webp/1*3AQRX-EiLIjTInMm6m0XdA.jpeg") !important;
        {% set media_content_id = state_attr('media_player.glosnik_w_salonie', 'media_content_id') %}
        /* 1 */
        {% if media_content_id | regex_search('https://an01.cdn.eurozet.pl/ANTGRE.mp3') %}
          background-image: url("https://static.wirtualnemedia.pl/media/top/Antyradio2022_655.jpg") !important;
        /* 2 */
        {% elif media_content_id | regex_search('https://bestofrockfm.stream.vip/rammstein/mp3-192/') %}
          background-image: url("https://s1.1zoom.me/big0/547/350987-admin.jpg") !important;
        /* 3 */
        {% elif media_content_id | regex_search('https://an03.cdn.eurozet.pl/ANTPOL.mp3') %}
          background-image: url("https://prowly-uploads.s3.eu-west-1.amazonaws.com/uploads/landing_page/template_background/258487/6339dd499eba6b1044e1de00e6c3c1ae.jpg") !important;
        /* 4 */
        {% elif media_content_id | regex_search('https://rs101-krk-cyfronet.rmfstream.pl/RMFFM48/') %}
          background-image: url("https://www.rmf.fm/r/aplikacje-mobilne/img/top.jpg") !important;
        /* Radio Eska */
        {% elif media_content_id | regex_search('https://ic2.smcdn.pl/2380-1.mp3') %}
          background-image: url("https://static.wirtualnemedia.pl/media/top/radioeska-ai-655.jpg") !important;
        /* radiocrock */
        {% elif media_content_id | regex_search('https://player.xcast.com.br/proxy/7552/') %}
          background-image: url("https://bi.im-g.pl/im/05/d8/1c/z30245637IH,Rock-Radio-robi-Ci-impreze-d.jpg") !important;

        


        {% endif %}

      }

    .mmp-shortcuts$: >
      .mmp-shortcuts__button {
        background: none; /* removes background */
        box-shadow: none; /* removes shadow */
        background: rgb(30 30 30) !important;
        padding: 10px !important;
        border-radius: 14px !important;
      }

    ha-card.--responsive .mmp-player__adds {
      margin-top: 210px !important;
      font-size: 0px !important;
     }

    .mmp-player__core {
      position: relative;
      background: #1c1c1cd6 !important;
      border-radius: 6px !important;
    }  

2 polubienia

Witam, skorzystałem z Twojego kodu gdzie zmieniłem link do radia Zet
https://zt01.cdn.eurozet.pl/zet-old.mp3?redirected=01
i nie podmienia foto w widoku miomo że zminiełem w miejscu import
W czym jest problem?

Może w tym, że w kodzie nie ma miejsca import a może w czymś innym, ale kodu nie wstawiłeś, więc musisz sam wyszukać co źle zrobiłeś.

Cały kod poniżej:

type: custom:mini-media-player
entity: media_player.googlehome8325
name: Głośnik w salonie
volume_stateless: false
hide:
  power: false
  source: true
  icon: true
  name: false
  controls: true
  volume: false
shortcuts:
  hide_when_off: false
  columns: 3
  attribute: source
  buttons:
    - id: https://an01.cdn.eurozet.pl/ANTGRE.mp3
      name: Antyradio
      type: music
      image: /local/radio/antyradio.png
    - id: https://bestofrockfm.stream.vip/rammstein/mp3-192/;
      name: Rammstein
      type: music
      image: /local/radio/eska2.jpg
    - id: https://zt01.cdn.eurozet.pl/zet-old.mp3?redirected=01;
      name: RADIO ZET
      type: music
      image: /local/radio/radiozet.png
    - id: http://195.150.20.242:8000/rmf_fm;
      name: RMF FM
      type: music
      image: /local/radio/rmffm.png
    - id: https://ic2.smcdn.pl/2380-1.mp3;
      name: Eska
      type: music
      image: /local/radio/radioeska.png
    - id: https://player.xcast.com.br/proxy/7552/;
      name: Radio rock
      type: music
      image: /local/radio/radiorock.png
artwork: none
toggle_power: true
card_mod:
  style: |
    :host {
      --mini-media-player-button-color: #fff !important;
    }

    .attr__app_name {
     display: none !important;
    }

    .mmp__bg {
        background-position: top !important;
        background-size: cover  !important;
        opacity: 0. !important;
        max-height: 70% !important;
        background-image: url("https://miro.medium.com/v2/resize:fit:3840/format:webp/1*3AQRX-EiLIjTInMm6m0XdA.jpeg") !important;
        {% set media_content_id = state_attr('media_player.googlehome8325', 'media_content_id') %}
        /* 1 */
        {% if media_content_id | regex_search('https://an01.cdn.eurozet.pl/ANTGRE.mp3') %}
          background-image: url("https://static.wirtualnemedia.pl/media/top/Antyradio2022_655.jpg") !important;
        /* 2 */
        {% elif media_content_id | regex_search('https://bestofrockfm.stream.vip/rammstein/mp3-192/') %}
          background-image: url("https://cdn.galleries.smcloud.net/t/galleries/gf-CHGU-HRua-m6G4_radio-eska2-994x828.webp") !important;
        /* 3 */
        {% elif media_content_id | regex_search('https://zt01.cdn.eurozet.pl/zet-old.mp3?redirected=01') %}
          background-image: url("https://prowly-uploads.s3.eu-west-1.amazonaws.com/uploads/landing_page/template_background/258487/6339dd499eba6b1044e1de00e6c3c1ae.jpg") !important;
        /* 4 */
        {% elif media_content_id | regex_search('http://195.150.20.242:8000/rmf_fm') %}
          background-image: url("https://www.rmf.fm/r/aplikacje-mobilne/img/top.jpg") !important;
        /* Radio Eska */
        {% elif media_content_id | regex_search('https://ic2.smcdn.pl/2380-1.mp3') %}
          background-image: url("https://cdn.music.smcloud.net/t/cover/602854b3-a955-4737-9588-ea963676f73c_ESKA_radio_500x500_500x500.jpg") !important;
        /* radiocrock */
        {% elif media_content_id | regex_search('https://player.xcast.com.br/proxy/7552/') %}
          background-image: url("https://bi.im-g.pl/im/05/d8/1c/z30245637IH,Rock-Radio-robi-Ci-impreze-d.jpg") !important;

        


        {% endif %}

      }

    .mmp-shortcuts$: >
      .mmp-shortcuts__button {
        background: none; /* removes background */
        box-shadow: none; /* removes shadow */
        background: rgb(30 30 30) !important;
        padding: 10px !important;
        border-radius: 14px !important;
      }

    ha-card.--responsive .mmp-player__adds {
      margin-top: 210px !important;
      font-size: 0px !important;
     }

    .mmp-player__core {
      position: relative;
      background: #1c1c1cd6 !important;
      border-radius: 6px !important;
    }

Gdzie jest też problem że RMF FM i Eska mi nie odpala dzwięku

a podepnij pod to inne streamy i zobaczysz czy działa, poszukaj mo że innych

np ESKA
ic2.smcdn.pl/2260-2.aac

i jak, udało sie, daj nam znać?

Niestety nadal to samo

Jak nie działa to trzeba sprawdzić czy adresy są poprawne.
Twój.
http://195.150.20.242:8000/rmf_fm

Sprawdzony.
http://217.74.72.11/rmf_fm

No i faktycznie, podmiana linków do strumieni radio spowodowała prawidłowe działanie, dzięki

super, ważne się udało…, gratulacje