Mushroom - Media Player Card

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

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…

1 « J'aime »

Salut sur l’image de la « la compétition de snowboard » 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é)

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

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

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

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

Hello ,

Bravo pour le travail :slight_smile:

Chez moi ça donne :

image

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

Salut,

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

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

media_player c’est bien mon entité ?

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

Merci, par contre j’ai cette erreur :

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 ?).

## 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

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

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

Essaye ça :

- 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

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

Voici le nouveau code de la carte :

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);
    }

Effectivement ça fonctionne super :slight_smile:

Par contre on peut supprimer le voile blanc ?

Merci pour ton retour et ton aide :slight_smile:

Tu peux jouer avec la valeur background-color:

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);
    }

J’ai amélioré le code:

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