📻 Radio w Home Assistant

[jolka]

Radio w Home Assistant

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

Ż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:
   
   
   
   
   

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

Przechodzimy do edycji w trybie YAML:

Kopiujemy wartości media_content_id i thumbnail:

2. Dodajemy nowy przycisk na karcie typu siatka

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

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

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

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

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

4. Kod naszego odtwarzacz z ulubionymi radiami:

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

[macek]

@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?