# 📻 Radio w Home Assistant

**URL:** <https://ai-speaker.discourse.group/t/radio-w-home-assistant/3714>\
**Category:** Projekty\
**Created:** [11 Styczeń 2024 18:22 UTC](https://ai-speaker.discourse.group/t/radio-w-home-assistant/3714 "2024-01-11T18:22:14Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Autor:** ![jolka](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/jolka/32/5_2.png) [@jolka](https://ai-speaker.discourse.group/u/jolka)\
**Data wpisu:** [11 Styczeń 2024 18:22 UTC](https://ai-speaker.discourse.group/t/radio-w-home-assistant/3714/1 "2024-01-11T18:22:14Z")

</div>

# 📻 Radio w Home Assistant

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/0/5/05816ee3b64e665a52a0bf08040f05919e21d75c.jpeg)

W HA w zakładce “Media” dostępna jest funkcjonalność “Radio Browser” ale ilość stacji radiowych powoduje, że niezbyt wygodnie zmienia się stację radiową.

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/b/e/beff88b5d9701c16c7d53641abc954a08f4d8623.png)

Żeby uprościć wybieranie naszych ulubionych stacji radiowych, dodamy je do interfejsu użytkownika jako przyciski na karcie, w tym celu wystarczy, że:

1. Sprawdzmy identyfikator radia - media\_content\_id  
W tym celu przechodzimy do automatyzacji i dodajemy akcję typu `Odtwarzacz mediów` → `Odtwarzaj media`:  
 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/9/9/99f90e7f2b8a5e1177febaa7b4a7f788c2fe1aaf.png)  
 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/f/9/f991b191077ce1ab108a5192e596d2236510d9ce.png)

następnie wybieramy z listy naszą stację radiową:

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/7/d/7df2dc7222d83976675e87608cc434e58804eb64.png)

Przechodzimy do edycji w trybie `YAML`:

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/9/3/93d2458021450bab9449e03bcfdc1fd3de988122.png)

Kopiujemy wartości `media_content_id` i `thumbnail`:

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/0/2/024abeb2d8b91c065dd09e7ff319e4aef5319cc4.png)

1. Dodajemy nowy przycisk na karcie typu siatka

W karcie siatka, dodajemy obrazy, które utworzą nasze przyciski radia:

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/6/a/6a779f380c6f2144b7b9814fe91b51d0a5d17ee0.jpeg)

Jako ścieżkę do obrazu podajemy wartość `thumbnail` z punktu 1.

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/4/7/47359e26d8b361970f7398d676d4560420dc76a8.jpeg)

Jako domyślną akcję wybieramy `Odtwarzacz mediów: Play media`

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/b/1/b10264703e15bd9084c441c815790bfc25314691.jpeg)

Wybieramy nasz odtwarzacz i w pole `Content ID` wklejamy wartości `media_content_id` z punktu 1 jako `Content Type` podajemy `audio/mpeg`:

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/1/d/1dacb31870a3ef0bc4447382f6c09dc25093a8a0.png)

1. Grupujemy siatkę z obrazkami przycisków z odtwarzaczem na karcie typu pionowy stos

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/3X/e/1/e1f03c28d594d71bfb29c6f4ed6cf4f4e1bb1bd3.jpeg)

1. Kod naszego odtwarzacz z ulubionymi radiami:

```auto
type: vertical-stack
cards:
  - type: media-control
    entity: media_player.vlc_telnet
  - square: true
    type: grid
    cards:
      - type: picture
        image: https://static.mytuner.mobi/media/tvos_radios/2LqeyZhdFq.png
        tap_action:
          action: call-service
          service: media_player.play_media
          target:
            device_id:
              - 4df710e97d1bca7805962737bdd8da14
          data:
            media_content_id: media-source://radio_browser/bf487b2b-503c-42c3-b088-9b5d679fdf29
            media_content_type: audio/mpeg
      - type: picture
        image: >-
          https://gfx-player.antyradio.pl/design/player_antyradio/images/favicon/apple-touch-icon.png
        tap_action:
          action: call-service
          service: media_player.play_media
          target:
            device_id:
              - 4df710e97d1bca7805962737bdd8da14
          data:
            media_content_id: media-source://radio_browser/8aafbf38-346c-479c-b80c-abd308613d16
            media_content_type: audio/mpeg
      - type: picture
        image: >-
          http://www.radiowroclawkultura.pl/images/favicon/apple-touch-icon-120x120.png
        tap_action:
          action: call-service
          service: media_player.play_media
          target:
            device_id:
              - 4df710e97d1bca7805962737bdd8da14
          data:
            media_content_id: media-source://radio_browser/961b5efc-0601-11e8-ae97-52543be04c81
            media_content_type: audio/mpeg
      - type: picture
        image: https://cyberstacja.pl/templates/emusica/favicon.ico
        tap_action:
          action: call-service
          service: media_player.play_media
          target:
            device_id:
              - 4df710e97d1bca7805962737bdd8da14
          data:
            media_content_id: media-source://radio_browser/8e3cd071-7175-412d-8e6d-900492ee595e
            media_content_type: audio/mpeg
        alt_text: Cyber stacja
      - type: picture
        image: https://www.radio.pl/images/broadcasts/d6/e7/113223/1/c300.png
        tap_action:
          action: call-service
          service: media_player.play_media
          target:
            device_id:
              - 4df710e97d1bca7805962737bdd8da14
          data:
            media_content_id: media-source://radio_browser/14deca88-fa91-472e-852d-22878c8e7bde
            media_content_type: audio/mpeg
      - type: picture
        image: >-
          https://radiofm-online.com/files/polskie-radio/styles/media/public/logo/meloradio.jpg?itok=nbq0mYbf
        tap_action:
          action: call-service
          service: media_player.play_media
          target:
            device_id:
              - 4df710e97d1bca7805962737bdd8da14
          data:
            media_content_id: media-source://radio_browser/a43fe2f5-0c29-436d-bb19-1512f86fcd2b
            media_content_type: audio/mpeg
      - type: picture
        image: >-
          https://firebasestorage.googleapis.com/v0/b/radiogalaxy-580f4.appspot.com/o/images%2FIMG_20240110_183405096.jpg?alt=media&token=dadc43aa-8597-43e8-9003-2c6bd93842b1
        tap_action:
          action: call-service
          service: media_player.play_media
          target:
            device_id:
              - 4df710e97d1bca7805962737bdd8da14
          data:
            media_content_id: media-source://radio_browser/d71a705b-0933-4683-af9f-a14e99ff9840
            media_content_type: audio/mpeg
      - type: picture
        image: >-
          https://yt3.ggpht.com/a/AATXAJyFlzKJAEMeWhP6xmsC3EHQ9MkIldwATEmAQA=s900-c-k-c0xffffffff-no-rj-mo
        tap_action:
          action: call-service
          service: media_player.play_media
          target:
            device_id:
              - 4df710e97d1bca7805962737bdd8da14
          data:
            media_content_id: media-source://radio_browser/75b823fc-f95f-4b88-a2e1-737750ac8ad9
            media_content_type: audio/mpeg
      - type: picture
        image: >-
          https://radiofm-online.com/files/polskie-radio/styles/media/public/logo/polskie-radio-trojka.jpg?itok=8xAAeD7k
        tap_action:
          action: call-service
          service: media_player.play_media
          target:
            device_id:
              - 4df710e97d1bca7805962737bdd8da14
          data:
            media_content_id: media-source://radio_browser/05268b3b-2f57-4061-a619-5fd35e0f6971
            media_content_type: audio/mpeg
      - type: picture
        image: >-
          https://firebasestorage.googleapis.com/v0/b/radiogalaxy-580f4.appspot.com/o/images%2FIMG_20230112_224215022.jpg?alt=media&token=6b44d427-d031-4d0c-b111-1763e90fb82d   
        tap_action:
          action: call-service
          service: media_player.play_media
          target:
            device_id:
              - 4df710e97d1bca7805962737bdd8da14
          data:
            media_content_id: media-source://radio_browser/16c94fc3-07b2-4c9f-a021-cdb904a1be2b
            media_content_type: audio/mpeg

```

---

<div class="post-metadata">

**Autor:** ![macek](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/macek/32/4936_2.png) [@macek](https://ai-speaker.discourse.group/u/macek)\
**Data wpisu:** [12 Styczeń 2024 11:51 UTC](https://ai-speaker.discourse.group/t/radio-w-home-assistant/3714/2 "2024-01-12T11:51:21Z")

</div>

> [@jolka](#):
>
> Kod naszego odtwarzacz z ulubionymi radiami:

Fajnie i proste rozwiązanie ale jak zrobić aby tło media playera zmieniało się w obrazek granej aktualnie stacji?
