Entity card header picture as media player artwork

Configuration Frontend
1

Hi all, is it possible to somehow set the Entity card header as a picture, but not a static one, but from a variable?
I use the entity card to show all my media players groupped together and I would like to set the header pic to show the artwork of the currently playing media in KODI (and ideally something else if nothing is playing).
I managed to create a template sensor from the Kodi media player with the attribute of the image location. If I take the string and paste it to the entity card editor, I can see the image:

image
image1371×548 146 KB

But If i place the created template/sensor instead, id does not show anything.

Is there any way how to achieve this?

2

what do you mean?

3

Well I was hoping that if I create a new sensor entity that contains the url to the image, it will display it the same way like if I put the url there directly…

4

There are options:

  1. Don’t you want to use a new “image” entity?
  2. Wrap the whole card into confg-template-card & extract an image from a sensor in a JS template.
  3. Use card-mod & jinja template to define background-image.
5

Hi Ildar, thanks a lot for your reply and the patience you have :slight_smile:
I tried to play with the image entity, but unfortunately, was not able to get it workig. The other 2 options are to complicated for a noob like me, so it looks like I’ll not be able to acomplish this :sunglasses:

6

Post your attempt & show what is not working.

7

Sorry, been busy at work so did not have time to play with this.

As I wrote, I did not manage to get the image entity to work at all…there’s not enough info for me (I’m not that experinced yet) so I did not understand how to make it.

So all I have now is the sensor I created which contains the link to the currently playng media cover picture:

- platform: template
  sensors:
    media_cover_img:
      friendly_name: "Playing Media Cover Image"
      value_template: "{{ state_attr('media_player.osmc', 'entity_picture') }}"

which works fine by itself, but I have no idea how to insert it into the header part of the Entities card.