No artwork on universal media player

[blackjid]

For some reason I cannot make the card to show the artwork.

I have two media players, one from a chromecast audio and other is a universal media player that has the former as the first of its childrens. The universal media player inherits almost all attributes from the chomrecast audio.

The chromecast audio shows the artwork fine, but the universal media player don’t.

If I check the state of both media players, both have their entity_picture attribute with the same value.

I don’t see any errors in the js console nor it in the mail ha logs.

My config looks like this

- type: custom:mini-media-player
entity: media_player.living_music
name: Living Music
artwork: cover
power_color: true
show_progress: true

Any idea what could be the problem?

[blackjid]

I found out that the problem is in this lines

mini-media-player/mini-media-player.js

Lines 225 to 231 in fd8db13

	if (artwork && picture !== this.picture) {
	this._fetchThumbnail();
	this.picture = picture;
	}
	return artwork && this.thumbnail ? true : false;
	}

On the universal media player, this.thumnail is false so the computeArtwork function returns false.

From the testing I did, I'd say that the if statement on line 225 is evaluated true, so the this._fetchThumbnail(); it's, in fact, being called.

I hope that helps, I'll try to continue looking into it.

[kalkih]

Hey,
Sounds like something is going wrong when fetching the thumbnail from the backend, and it ends up in the catch statement.

mini-media-player/mini-media-player.js

Lines 736 to 746 in fd8db13

	async _fetchThumbnail() {
	try {
	const { content_type: contentType, content } = await this._hass.callWS({
	type: 'media_player_thumbnail',
	entity_id: this.config.entity,
	});
	this.thumbnail = `url(data:${contentType};base64,${content})`;
	} catch (err) {
	this.thumbnail = false;
	}
	}

What does your universal media player configuration look like?
And what type of media players does it include?

Thanks!

[kalkih]

Hey @blackjid
I'm unable to reproduce this.
What does your universal media player configuration look like?
And what type of media players does it include?

[blackjid]

This is my universal media player

They include two media players

• media_player.living_room_audio which is a Chromecast Audio
• media_player.marantz which is a Marantz recevier

media_player:
  - platform: denonavr
    host: !secret marantz_host
    name: marantz
    scan_interval: 2
    supress_warning: true

  - platform: universal
    name: Living Music
    children:
      - media_player.living_room_audio
      - media_player.marantz
    state_template: >
      {% if is_state('media_player.marantz', 'on') %}
        {{ states('media_player.living_room_audio') }}
      {% else %}
        off
      {% endif %}
    commands:
      turn_on:
        service: media_player.turn_on
        data:
          entity_id: media_player.marantz
      turn_off:
        service: media_player.turn_off
        data:
          entity_id: media_player.marantz
      volume_up:
        service: media_player.volume_up
        data_template:
          entity_id: media_player.marantz
      volume_down:
        service: media_player.volume_down
        data_template:
          entity_id: media_player.marantz
      volume_mute:
        service: media_player.volume_mute
        data:
          entity_id: media_player.marantz
      select_source:
        service: media_player.select_source
        data_template:
          entity_id: media_player.marantz
          source: '{{ source }}'
      volume_set:
        service: media_player.volume_set
        data_template:
          entity_id: media_player.marantz
          volume_level: '{{ volume_level }}'
    attributes:
      volume_level: media_player.marantz|volume_level
      source: media_player.marantz|source
      source_list: media_player.marantz|source_list
      is_volume_muted: media_player.marantz|is_volume_muted

[blackjid]

In fact the code triggers the catch statement in the fetchThumbnail function.

This is the error object, not too much info

code: "thumbnail_fetch_failed"
message: "Failed to fetch thumbnail"

[kalkih]

Thanks, at least we got an error message now 🙂
Does it work correctly if you use the default media-control card with the universal media player you got there? Does it display the artwork?

I actually have a Denon AVR myself (no access to it right now though) which also uses the denonavr component, and it does almost always report entity_picture in it's attributes even when there's no actual artwork available at the time, as discussed here: https://community.home-assistant.io/t/lovelace-mini-media-player/68459/387?u=kalkih

Prior to 560875e this would cause the card to render weird, thinking there was artwork available.

Could it be possible that the universal media player exposes the marantz entity_picture in its attributes and that this picture reference is invalid / doesn't exist, similar to what I described earlier?

[blackjid]

Well, the default media-control card doesn't show the artwork either, so it looks that is not a problem with mini-media-player.

I have the chromecast audio as first children of the universal media_player, so all the attributes not overrided in the attributes property of the universal media_player, are inherited from the chrome cast audio. I can see that the entity_picture is valid from the chromecast audio component.

[blackjid]

Looks like i'm not the only one.
https://community.home-assistant.io/t/universal-component-doesnt-display-artwork/4878

[blackjid]

I'm going to close the issue because it definetely looks like an issue with the universal media_player component.

Thanks

[kalkih]

Okay, interesting.
Yeah, most likely a backend issue in HA then.
Opening an issue in the home assistant repo might be a good idea.

Thanks for the great analysis of the issue.

[blackjid]

I comment on a closed issue on HA but someone complaint. home-assistant/frontend#1224 (comment)

I'll open a new one soon .