A different take on designing a Lovelace UI

OK. Great. I was able to at least get a card working. But it is not showing any cover art as the background though.

image

Check the media player sensor, is the entity picture attribute active or does it have no url?

It looks like it has an entity picture.

You can verify the functionality by going to http://your-hass-url:8123/ + api… as you have in the entity picture. Sometimes it can happen that you have an address, but the picture is not there. It depends on the integration…

Went here…

Got this…

I am using the Apple TV integration. I wonder it there is an issue with that or my configuration. I do get the cover art showing up correctly in the media player card though.
image

Hi, I use Matt’s theme from about 1 year and I love it! I mantain myself for breaking changes and at the moment everything is fine.
Recently I had the need to add some new pages to my dashboard, Frigate UI, Spotify plus player card and a custom device management made with Esphome. I’m trying to use browser mode popup but I’m struggling to size the popups, and with a custom card, since in the theme there are no header and side menu, I can’t go back to the main page unless I use a button card with a tap action “navigate”.
Someone gave me an idea to add a view in the lovelace main yaml file, I have no errors but I can’t make it working. Someone have done something similar?

...
views:
  - title: SPOTIFY     <----- new view
#    panel: true
    cards:
      !include button_card_templates/player.yaml

  - type: 'custom:grid-layout'     <----- Here start Matt' config for the main view
    title: Home
    layout:
      #default tablet
...

I can see the new view from my laptop (browser mod side/top menus are not hidden on my laptop):

image

but the new view does not show my card…

Someone knows if what I am asking this is possible?

I have my template for media player remote I always had a feeling if the button reacted correctly to the action. So I added a template for the tap action to play the sound. I’m putting it here in case anyone finds it useful.

template:

play_sound:
  variables:
    audio_url: null
    volume: null
  tap_action:
    play_sound: |
      [[[
        if (!variables.audio_url) return;
        let audio = new Audio(variables?.audio_url);
        audio.volume = variables.volume || 1;
        setTimeout(() => {
          audio.play();
        }, 0);
      ]]]

button:

- type: custom:button-card
  variables:
    audio_url: /local/sound/popup.m4a
    volume: 0.1
  template:
    - play_sound

variables:

volume: 0.0 (muted) and 1.0 (full volume)
audio_url: /path/sound