Lien d'accès à la bibilothèque d'images dans son HA Green box pour images de mes radios

Entraide Home Assistant
,
1

Bonjour,

Bonjour

je suis entrain de configurer le player pour la radio et j’ai trouvé une card pour cela qui me semble pas mal

artwork: full-cover
entity: media_player.salon
idle_view: when_idle
info: scroll
max_volume: 100
name: Radio
shortcuts:
  align_text: center
  buttons:
    - id: http://live.sudradio.fr/sudradio-mp3-128
      image: /hacsfiles/mini-media-player/rmf.png
      type: channel
    - id: http://radiochatel2.ice.infomaniak.ch/radiochatel.aac
      image: /hacsfiles/mini-media-player/eska.png
      type: channel
  columns: 4
sound_mode: full
type: custom:mini-media-player
volume_stateless: true
group: true

mais je galère à trouver comment mettre dans la synthaxe le lien vers mes images de mes radios depuis les images qui sont sur mon HA

192.168.1.138/config/www/images/Sud radio.png

Capture d’écran 2024-11-01 à 07.25.04
Capture d’écran 2024-11-01 à 07.25.04808×823 129 KB

merci pour votre aide

Mike

2

Bonjour,
tu n’utilises pas le bon chemin.
exemple :

image: /local/images/eska.png

/config/www/images/Sud radio.png = /local/images/Sud radio.png dans les cartes.

3

Salut

ca marche top il me semblait avoir testé ton chemin sans résultat mais maintenant c’est ok comme cela

artwork: full-cover
entity: media_player.salon
idle_view: when_idle
info: scroll
max_volume: 100
name: Radio
shortcuts:
  align_text: center
  buttons:
    - id: http://live.sudradio.fr/sudradio-mp3-128
      image: /local/images/Sud_Radio.png
      type: channel
    - id: http://radiochatel2.ice.infomaniak.ch/radiochatel.aac
      image: /hacsfiles/mini-media-player/eska.png
      type: channel
  columns: 4
sound_mode: full
type: custom:mini-media-player
volume_stateless: true
group: true

Par contre l’icone est vraiment toute petite peut on essayé de la doubler voir la tripler
car là c’est trop petit

Capture d’écran 2024-11-01 à 18.23.45

merci pour ton aide

Mike

4

exemple comme cela c’est bien

Capture d’écran 2024-11-01 à 18.27.53
Capture d’écran 2024-11-01 à 18.27.53781×469 30.8 KB

5

Rajoute, name: pour mettre un nom.

    - id: http://live.sudradio.fr/sudradio-mp3-128^
      name: Sud Radio
      image: /local/images/Sud_Radio.png
      type: channel

Pour la taille de l’icone je ne sais pas.

6

Merci mais le nom j’ai pas besoin car le logo parle de lui même j’ai juste envie d’agrandir l’icone de la radio

7

Tu peux tester en changeant la hauteur des boutons ( column_height:), si tes images son grande elle devait être plus grande en changent la hauteur du bouton.
exemple:

shortcuts:
  align_text: center
  columns: 4
  column_height: 50
  buttons:
    - id: http://live.sudradio.fr/sudradio-mp3-128
      image: /local/images/Sud_Radio.png
      type: channel
    - id: http://radiochatel2.ice.infomaniak.ch/radiochatel.aac
      image: /hacsfiles/mini-media-player/eska.png
      type: channel
8

Je ne sais pas si c’est utile pour vous ou pas, mais pour éviter de chercher à chaque fois dans le Radio Browser de home assistant, j’avais copié l’intégration officiel de Radio Browser pour en créer une custom qui m’affiche juste les radios du pays qui m’intéresse.

image
image705×272 17.2 KB

image
image481×832 40 KB

Perso, je trouvais le fait d’ajouter des boutons dans le mini média player contrainte.

Etant que la custom intégration génère un MediaSource, elle fonctionne comme le radio browser avec toutes les card média players (custom ou officiel)

9

j’ai essayé mais cela ne change rien et je peux pas sauvegarder ceci

artwork: full-cover
entity: media_player.salon
idle_view: when_idle
info: scroll
max_volume: 100
name: Radio
shortcuts:
  align_text: center
  columns: 4
  column_height: 50
  buttons:
    - id: http://live.sudradio.fr/sudradio-mp3-128
      image: /local/images/Sud_Radio.png
      type: channel
    - id: http://radiochatel2.ice.infomaniak.ch/radiochatel.aac
      image: /hacsfiles/mini-media-player/eska.png
      type: channel
  columns: 4
sound_mode: full
type: custom:mini-media-player
volume_stateless: true
group: true
10

y a deux fois columns: 4, supprime en un.

11

bonjour

j’ai essayé le browser j’habite en suisse et quand je selectionne une radio mais si dans mon pays les gens nous trouvent lent quand on clic sur une radio il faut attendre environs 15 secondes pour que la radio démarre donc j’ai abandonné ce browser …

12

sorry ok le bouton augmente mais pas l’icone

artwork: full-cover
entity: media_player.salon
idle_view: when_idle
info: scroll
max_volume: 100
name: Radio
shortcuts:
  align_text: center
  columns: 4
  column_height: 100
  buttons:
    - id: http://live.sudradio.fr/sudradio-mp3-128
      image: /local/images/Sud_Radio.png
      type: channel
    - id: http://radiochatel2.ice.infomaniak.ch/radiochatel.aac
      image: /hacsfiles/mini-media-player/eska.png
      type: channel
sound_mode: full
type: custom:mini-media-player
volume_stateless: true
group: true
13

Capture d’écran 2024-11-01 à 20.26.03

14

Si tu augmentes ta taille des images ( la résolution, avec paint par exemple )?

edit:
ca ne fonctionne pas , je viens de tester.

15

Bonjour j’ai trouvé une autre carte radio

Capture d’écran 2024-11-02 à 06.55.55
et avec le code ci dessous est il possible de remplacer les textes par les logos des radios
un peu plus gros que sur l’autre carte ?

type: custom:jukebox-card
links:
  - url: http://start-sud.ice.infomaniak.ch/start-sud-high.mp3
    name: Sud radio
  - url: http://radiochatel2.ice.infomaniak.ch/radiochatel.aac
    name: RTL 2
  - url: http://ns308882.ovh.net:8000/nrj.mp3
    name: NRJ
  - url: https://scdn.nrjaudio.fm/adwz1/fr/30013/mp3_128.mp3
    name: NRJ Dance
  - url: https://mfmwr-010.ice.infomaniak.ch/mfmwr-010.mp3
    name: Année 80
  - url: http://rougefm.ice.infomaniak.ch/rougefm-high.mp3
    name: Rouge FM
  - url: http://stream.srg-ssr.ch/la-1ere/mp3_128.m3u
    name: La Première
  - url: http://stream.srg-ssr.ch/couleur3/mp3_128.m3u
    name: Couleur 3
  - url: http://stream.srg-ssr.ch/option-musique/mp3_128.m3u
    name: Option Musique
  - url: https://scdn.nrjaudio.fm/adwz2/fr/30401/mp3_128.mp3
    name: Rire & Chanson
  - url: https://scdn.nrjaudio.fm/adwz1/fr/55818/mp3_128.mp3
    name: Rire & Chanson new
  - url: https://scdn.nrjaudio.fm/adwz1/fr/30409/mp3_128.mp3
    name: Rire & Chanson Live
  - url: https://scdn.nrjaudio.fm/adwz1/fr/58981/mp3_128.mp3
    name: Rire & Chanson les interdits
  - url: https://scdn.nrjaudio.fm/adwz1/fr/55576/mp3_128.mp3
    name: Rire & Chanson woman show
entities:
  - media_player.pont_salon
  - media_player.salon

merci pour votre aide

Mike

16

j’ai aussi faire un autre essai comme cela

Capture d’écran 2024-11-02 à 07.08.24
Capture d’écran 2024-11-02 à 07.08.24518×610 90.5 KB

le problème j’avais repris un bouton lumière et j’ai essayé de l’adapter voici le code
mais j’ai pas compris comment supprimer le rectangle et garder uniquement mon logo
de radio, de plus je peu comme cela la lancer et l’arrêter l’icone change mais je ne peux pas
régler le volume de sortie mais ca c’est moins grave mais ennuyeux

type: custom:button-card
entity: input_boolean.radio_nrj
name: 
show_entity_picture: true
size: 50%
styles:
  card:
    - height: 80%
layout: icon_name
aspect_ratio: 3/1
double_tap_action:
  action: more-info
entity_picture: |
  [[[ 
    if (entity.state == "on") return "/local/images/NRJ ST TROPEZ_on.png"; 
    else return "/local/images/NRJ ST TROPEZ_off.png";
  ]]]
17

j’avance petite à petit mais j’ai quand même besoin d’un coup de main !!

situation de départ un player avec des icones de radio trop petite

Capture d’écran 2024-11-03 à 11.42.06

artwork: full-cover
entity: media_player.salon
idle_view: when_idle
info: scroll
max_volume: 100
name: Radio
shortcuts:
  align_text: center
  columns: 4
  column_height: 100
  buttons:
    - id: http://live.sudradio.fr/sudradio-mp3-128
      image: /local/images/Sud_Radio.png
      type: channel
    - id: https://scdn.nrjaudio.fm/adwz2/fr/30401/mp3_128.mp3
      image: /local/images/Rire et chanson_1.png
      type: channel
sound_mode: full
type: custom:mini-media-player
volume_stateless: false
group: true
toggle_power: true

J’ai presque réussi à faire un bouton input boolean plus gros

mais je n’arrive pas à enlever le texte dessous l’icone !!!

Capture d’écran 2024-11-03 à 11.47.48

la seul chose que je peux faire c’est mettre un point .

type: custom:button-card
entity: input_boolean.radio_sud_radio
name: sud !!!!
show_entity_picture: true
size: 60%
double_tap_action:
  action: more-info
entity_picture: |
  [[[ 
    if (entity.state == "on") return "/local/images/Sud_Radio1_on.png"; 
    else return "/local/images/Sud_Radio.png";
  ]]]
styles:
  card:
    - width: 25%

et si on arrive a enlever le texte j’aimerais pouvoir le coller ( mon bouton ) dans le player ci dessus pour mettre après toutes mes radios sur 4 colonnes

merci pour votre aide

Mike

18

Bonjour,
il faut lire la doc de button-card:

image
image842×133 4.45 KB

ajoute show_name: false

C’est pas possible de mettre un button-card dans la carte mini-media-player

19

ca marche c’est super donc c’est impossible de lier mes icones avec un player dans la même carte ?

20

@mike413muo
Bon, j’ai regarder avec card_mod et voila le résultat

image

voici le code pour ta carte

artwork: full-cover
entity: media_player.salon
idle_view: when_idle
info: scroll
max_volume: 100
name: Radio
shortcuts:
  align_text: center
  columns: 4
  buttons:
    - id: http://live.sudradio.fr/sudradio-mp3-128
      image: /local/images/Sud_Radio.png
      type: channel
    - id: https://scdn.nrjaudio.fm/adwz2/fr/30401/mp3_128.mp3
      image: /local/images/Rire et chanson_1.png
      type: channel
sound_mode: full
type: custom:mini-media-player
volume_stateless: true
group: true
card_mod:
  style:
    mmp-shortcuts $: |
      .mmp-shortcuts__button > div > img {
        height: 50px !important;
      }

pour choisir la taille, modifie c’est ligne height: 50px !important; dans card_mod. Par defaut la taille de l’image est a 26px.

Il te faut installer card-mod , à partir de HACS ( si tu ne la pas déja installer ).

image
image1860×64 4.57 KB