# Mushroom - Media Player Card

**URL:** <https://forum.hacf.fr/t/mushroom-media-player-card/18649>\
**Category:** Interface / Lovelace / Thème / Custom Card\
**Created:** [Décembre 22, 2022, 1:40 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649 "2022-12-22T13:40:02Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![ghostsam45](https://forum.hacf.fr/user_avatar/forum.hacf.fr/ghostsam45/32/9222_2.png) [@ghostsam45](https://forum.hacf.fr/u/ghostsam45)\
**Post date:** [Mars 8, 2023, 6:45 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/22 "2023-03-08T06:45:40Z")

</div>

Salut Guizmos,

Merci pour le travail que tu fais, je viens d'intégrer cette config mais j'ai juste un petite soucis de bordure comme tu peux le voir dans le screen

 ![Capture d’écran 2023-03-08 074254](https://forum.hacf.fr/uploads/default/original/3X/0/e/0e51154c266b9dabf309e295224889a1633363f0.jpeg)

---

<div class="post-metadata">

**Author:** ![Guizmos](https://forum.hacf.fr/user_avatar/forum.hacf.fr/guizmos/32/11929_2.png) [@Guizmos](https://forum.hacf.fr/u/Guizmos)\
**Post date:** [Mars 8, 2023, 8:20 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/23 "2023-03-08T08:20:21Z")

</div>

Salut,

Merci pour ton message.

Alors pour cette bordure, j’ai aussi parfois ce bug, il faut que je creuse pour trouver une solution.  
Mais en gros si tu refresh (F5) ton navigateur, la bordure doit disparaitre…

---

<div class="post-metadata">

**Author:** ![Shadorlo](https://forum.hacf.fr/user_avatar/forum.hacf.fr/shadorlo/32/20300_2.png) [@Shadorlo](https://forum.hacf.fr/u/Shadorlo)\
**Post date:** [Mars 26, 2023, 11:09 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/24 "2023-03-26T11:09:44Z")

</div>

Salut sur l’image de la «&nbsp;la compétition de snowboard&nbsp;» est-il possible de la mettre sur mon dashboard et voir ce que la personne regarde sur la tv via une box bouygues ? (tv connecté)

---

<div class="post-metadata">

**Author:** ![Guizmos](https://forum.hacf.fr/user_avatar/forum.hacf.fr/guizmos/32/11929_2.png) [@Guizmos](https://forum.hacf.fr/u/Guizmos)\
**Post date:** [Mars 27, 2023, 6:21 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/25 "2023-03-27T06:21:21Z")

</div>

Salut,

Bonne question, je ne sais pas s’il existe une intégration HA ou HACS pour les box Bouygues. Il faudrait d’abord regarder de ce côté. Et voir s’il existe quelque chose qui fasse remonter un media\_player. Ensuite théoriquement il te suffira de remplacer le media\_player de la card pour voir les infos remonter

---

<div class="post-metadata">

**Author:** ![Shadorlo](https://forum.hacf.fr/user_avatar/forum.hacf.fr/shadorlo/32/20300_2.png) [@Shadorlo](https://forum.hacf.fr/u/Shadorlo)\
**Post date:** [Mars 28, 2023, 7:57 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/26 "2023-03-28T07:57:22Z")

</div>

Oui il existe une intégration bouygues (appelé bbox)

---

<div class="post-metadata">

**Author:** ![Guizmos](https://forum.hacf.fr/user_avatar/forum.hacf.fr/guizmos/32/11929_2.png) [@Guizmos](https://forum.hacf.fr/u/Guizmos)\
**Post date:** [Mars 28, 2023, 6:20 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/27 "2023-03-28T18:20:19Z")

</div>

Tu peux me montrer ce qu’elle remonte comme info ?

---

<div class="post-metadata">

**Author:** ![Shadorlo](https://forum.hacf.fr/user_avatar/forum.hacf.fr/shadorlo/32/20300_2.png) [@Shadorlo](https://forum.hacf.fr/u/Shadorlo)\
**Post date:** [Mars 29, 2023, 9:02 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/28 "2023-03-29T09:02:59Z")

</div>

Je te montre ceci vers 14h le temps que EDF remette le courant après l’installation des panneaux

---

<div class="post-metadata">

**Author:** ![spectre4094](https://forum.hacf.fr/user_avatar/forum.hacf.fr/spectre4094/32/32893_2.png) [@spectre4094](https://forum.hacf.fr/u/spectre4094)\
**Post date:** [Juin 13, 2023, 11:40 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/29 "2023-06-13T11:40:56Z")

</div>

Hello ,

Bravo pour le travail 🙂

Chez moi ça donne :

 ![image](https://forum.hacf.fr/uploads/default/original/3X/4/4/444d360664f9e432af7a8a70f2b79a4de8fc2a31.jpeg)

```auto
type: custom:mushroom-template-card
primary: Plex
secondary: '{{ states(''sensor.plex_tv_playing'')}}'
entity: media_player.plex_plex_XXXXX
name: Plex
layout: vertical
secondary_info: none
icon: mdi:multimedia
card_mod:
  style: |
    ha-card {
      {% if not is_state(config.entity, 'idle') %}
        background-image: url( '{{ state_attr( config.entity, "entity_picture" ) }}' );
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: rgba(var(--rgb-card-background-color),0.8);
        background-blend-mode: overlay;
      {% endif %}  
      --rgb-state-media-player: var(--rgb-teal);
    }

```

Une idée ou j'ai mal fait le truc ?

Merci à vous

---

<div class="post-metadata">

**Author:** ![Guizmos](https://forum.hacf.fr/user_avatar/forum.hacf.fr/guizmos/32/11929_2.png) [@Guizmos](https://forum.hacf.fr/u/Guizmos)\
**Post date:** [Juin 13, 2023, 12:12 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/30 "2023-06-13T12:12:32Z")

</div>

Salut,

Je pense qu’il te manque le sensor ‹&nbsp;sensor.plex\_tv\_playing&nbsp;›.  
Il te suffit d’ajouter ça à ton fichier sensor.yaml (ou configuration.yaml si tu n’as pas splitté tes fichiers)

```auto
sensor:
  - platform: template
    sensors:
      plex_tv_playing:
        value_template: "{{ states.media_player.xxx.attributes.media_title }}"
        friendly_name: "Plex TV - Titre"

```

Il te faudra modifier xxx par le nom de ton media\_player  
Ensuite tu redémarre ton HA ou que ton sensor remonte et tu devrais avoir la carte fonctionnelle

---

<div class="post-metadata">

**Author:** ![spectre4094](https://forum.hacf.fr/user_avatar/forum.hacf.fr/spectre4094/32/32893_2.png) [@spectre4094](https://forum.hacf.fr/u/spectre4094)\
**Post date:** [Juin 13, 2023, 12:30 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/31 "2023-06-13T12:30:49Z")

</div>

media\_player c’est bien mon entité ?

---

<div class="post-metadata">

**Author:** ![Guizmos](https://forum.hacf.fr/user_avatar/forum.hacf.fr/guizmos/32/11929_2.png) [@Guizmos](https://forum.hacf.fr/u/Guizmos)\
**Post date:** [Juin 13, 2023, 12:41 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/32 "2023-06-13T12:41:09Z")

</div>

oui tout à fait, tu peux très bien créer plusieurs sensors si tu as plusieurs media\_player plex

---

<div class="post-metadata">

**Author:** ![spectre4094](https://forum.hacf.fr/user_avatar/forum.hacf.fr/spectre4094/32/32893_2.png) [@spectre4094](https://forum.hacf.fr/u/spectre4094)\
**Post date:** [Juin 13, 2023, 12:52 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/33 "2023-06-13T12:52:36Z")

</div>

Merci, par contre j’ai cette erreur :

```auto
Logger: homeassistant.components.homeassistant
Source: components/homeassistant/ __init__.py:312
Integration: Home Assistant Core Integration (documentation, issues)
First occurred: 14:50:10 (1 occurrences)
Last logged: 14:50:10

The system cannot reload because the configuration is not valid: Invalid config for [sensor.template]: [plex_tv_playing] is an invalid option for [sensor.template]. Check: sensor.template->plex_tv_playing. (See ?, line ?).

```

```auto
## PLEX ##
- platform: template 
  plex_tv_playing:
        value_template: "{{ states.media_player.plex_plex_for_windows_jr_p_04.attributes.media_title }}"
        friendly_name: "Plex TV - Titre"

```

Voila ma configuration

---

<div class="post-metadata">

**Author:** ![Guizmos](https://forum.hacf.fr/user_avatar/forum.hacf.fr/guizmos/32/11929_2.png) [@Guizmos](https://forum.hacf.fr/u/Guizmos)\
**Post date:** [Juin 13, 2023, 12:59 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/34 "2023-06-13T12:59:04Z")

</div>

Tu as un fichier sensor.yaml ou pas? ou est-ce que tu passes tout par configuration.yaml ?

---

<div class="post-metadata">

**Author:** ![spectre4094](https://forum.hacf.fr/user_avatar/forum.hacf.fr/spectre4094/32/32893_2.png) [@spectre4094](https://forum.hacf.fr/u/spectre4094)\
**Post date:** [Juin 13, 2023, 1:02 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/35 "2023-06-13T13:02:00Z")

</div>

J’ai un fichier sensor. C’est le deuxième code.

---

<div class="post-metadata">

**Author:** ![Guizmos](https://forum.hacf.fr/user_avatar/forum.hacf.fr/guizmos/32/11929_2.png) [@Guizmos](https://forum.hacf.fr/u/Guizmos)\
**Post date:** [Juin 13, 2023, 1:03 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/36 "2023-06-13T13:03:22Z")

</div>

> [@spectre4094](#):
>
> ```auto
> - platform: template 
> plex_tv_playing:
> value_template: "{{ states.media_player.plex_plex_for_windows_jr_p_04.attributes.media_title }}"
> friendly_name: "Plex TV - Titre"
> 
> ```

Essaye ça :

```auto
- platform: template
  sensors:
    plex_tv_playing:
        value_template: "{{ states.media_player.plex_plex_for_windows_jr_p_04.attributes.media_title }}"
        friendly_name: "Plex TV - Titre"

```

---

<div class="post-metadata">

**Author:** ![spectre4094](https://forum.hacf.fr/user_avatar/forum.hacf.fr/spectre4094/32/32893_2.png) [@spectre4094](https://forum.hacf.fr/u/spectre4094)\
**Post date:** [Juin 13, 2023, 1:07 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/37 "2023-06-13T13:07:23Z")

</div>

> [@Guizmos](#):
>
> ```auto
> - platform: template
> sensors:
> plex_tv_playing:
> value_template: "{{ states.media_player.plex_plex_for_windows_jr_p_04.attributes.media_title }}"
> friendly_name: "Plex TV - Titre"
> 
> ```

Même problème

 ![image](https://forum.hacf.fr/uploads/default/original/3X/3/6/36507bbafbc3ca9856d94c1388001e5971d815d2.png)

---

<div class="post-metadata">

**Author:** ![Guizmos](https://forum.hacf.fr/user_avatar/forum.hacf.fr/guizmos/32/11929_2.png) [@Guizmos](https://forum.hacf.fr/u/Guizmos)\
**Post date:** [Juin 13, 2023, 1:22 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/38 "2023-06-13T13:22:30Z")

</div>

Oki j’ai modifié le code, plus besoin du sensor précédent:

Voici le nouveau code de la carte :

```auto
type: custom:mushroom-template-card
primary: Plex
secondary: "{{ states.media_player.plex_plex_for_windows_jr_p_04.attributes.media_title }}"
entity: media_player.plex_plex_for_windows_jr_p_04
name: Plex
layout: vertical
secondary_info: none
icon: mdi:multimedia
card_mod:
  style: |
    ha-card {
      {% if not is_state(config.entity, 'idle') %}
        background-image: url( '{{ state_attr( config.entity, "entity_picture" ) }}' );
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: rgba(var(--rgb-card-background-color),0.8);
        background-blend-mode: overlay;
      {% endif %}  
      --rgb-state-media-player: var(--rgb-teal);
    }

```

---

<div class="post-metadata">

**Author:** ![spectre4094](https://forum.hacf.fr/user_avatar/forum.hacf.fr/spectre4094/32/32893_2.png) [@spectre4094](https://forum.hacf.fr/u/spectre4094)\
**Post date:** [Juin 13, 2023, 1:25 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/39 "2023-06-13T13:25:53Z")

</div>

Effectivement ça fonctionne super 🙂

Par contre on peut supprimer le voile blanc ?

Merci pour ton retour et ton aide 🙂

---

<div class="post-metadata">

**Author:** ![Guizmos](https://forum.hacf.fr/user_avatar/forum.hacf.fr/guizmos/32/11929_2.png) [@Guizmos](https://forum.hacf.fr/u/Guizmos)\
**Post date:** [Juin 13, 2023, 2:33 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/40 "2023-06-13T14:33:46Z")

</div>

Tu peux jouer avec la valeur background-color:

```auto
card_mod:
  style: |
    ha-card {
      {% if not is_state(config.entity, 'idle') %}
        background-image: url( '{{ state_attr( config.entity, "entity_picture" ) }}' );
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: rgba(var(--rgb-card-background-color),0);
        background-blend-mode: overlay;
      {% endif %}  
      --rgb-state-media-player: var(--rgb-teal);
    }

```

---

<div class="post-metadata">

**Author:** ![Guizmos](https://forum.hacf.fr/user_avatar/forum.hacf.fr/guizmos/32/11929_2.png) [@Guizmos](https://forum.hacf.fr/u/Guizmos)\
**Post date:** [Juin 13, 2023, 2:42 UTC](https://forum.hacf.fr/t/mushroom-media-player-card/18649/41 "2023-06-13T14:42:19Z")

</div>

J’ai amélioré le code:

```auto
type: custom:mushroom-template-card
primary: Plex
secondary: |-
  {% if is_state('media_player.plex_iphone_damien', 'playing') %}
    '{{ states.media_player.plex_iphone_damien.attributes.media_title }}'
  {% elif is_state('media_player.plex_iphone_damien', 'paused') %}
    '{{ states.media_player.plex_iphone_damien.attributes.media_title }}'
  {% else %}
    
  {% endif %}
entity: media_player.plex_iphone_damien
name: Plex
layout: vertical
secondary_info: none
icon: mdi:multimedia
card_mod:
  style: |
    ha-card {
      {% if not is_state(config.entity, 'idle') %}
        background-image: url( '{{ state_attr( config.entity, "entity_picture" ) }}' );
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: rgba(var(--rgb-card-background-color),);
        background-blend-mode: overlay;
      {% endif %}  
      --rgb-state-media-player: var(--rgb-teal);
    }

```

Comme ça si aucun média n’est lu, la secondary\_info sera vide

[Page précédente](https://forum.hacf.fr/t/mushroom-media-player-card/18649.md?page=1)

[Page suivante](https://forum.hacf.fr/t/mushroom-media-player-card/18649.md?page=3)