Lovelace: Mini Media Player

True. I’m still wondering why my Google Homes wont do it already via voice commands since I first read about the feature months ago… oh well, we wait.

Do Google Home devices appear from the same integration as Chromecasts?

Yep, they all show up the same

Yeah, really looking forward to the dynamic grouping feature in Google Cast, hopefully it isn’t too far away now.

1 Like

Hey, this looks amazing. Can you share the configs for using radio buttons with the mini mediaplayer? THank you!

Two posts below the one you replied to you find the configs for the buttons. Is that wat you mean?

Hey, I need some help setting the gradient stop of the overlay to a set value.

I tried, according to the github wiki, to set mini-media-player-overlay-color-stop to 50% in my theme (Midnight theme) but it seems to have no effects on the card. What I did was to edit the theme file, adding that variable like this:

mini-media-player-overlay-color-stop: 50%

Is that correct?

I then tried:

  • clearing the cache
  • shift+F5
  • rebooting HA

No luck.

I’d also add that changing the value directly from Chrome Inspector has no effect either.

What am I doing wrong? Thank you!

Hi,

I use your card since years and like it a lot. Today I got my new Soundbar with Chromecast support and it behaves a bit weird. When it´s playing the TV Sound it shows in HA as off and thus the Volume control is missing.

When I try in HA Developer Tools --> Services --> media_player.volume_up down it´s always working fine.

Is there any way to have the volume slider in Mini Media Player visible when the mediaplayer is off or simply permanently visible?

Thx for any help
René

The docs are pretty vague about it, but that variable will only affect the card when using artwork: full-cover,

Unfortunately not.
Would be possible when/if this PR is merged

There are workarounds though.
Easiest would probably be to create a universal media player and make sure the state is mapped as on when off.
Similar to this example but on instead.

Thanks!

It supposedly came out last year… still doesn’t work on my devices. (sorry this is a little off topic)

I can do it from the home app on my phone. I haven’t been able to get it working any other way.

Any way to modify the “info” displayed and also display 2 lines of text?

2 Likes

Is it possible for you to also add a ‘hold_action’ variable? I have tap_action for all cards to toggle stuff and hold_action to have more info. To have my interface be consistent (and high WAF) I want to tie more-info (popup) to hold_action.

I someone able to tell me what is wrong with my style command in the media player card (the right one)? It is exactly the same as in the left card. In the left card it is working as intended…

    # left card
    - type: entities
      show_header_toggle: false
      title: ALEXA
      style: |
        ha-card {
          border-radius: 15px;
          background-color: rgba(220,220,220,0.5);
          box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50);
          font-weight: bold
        }
      entities:
        - entity: input_text.alexa
          name: Alexa Ansage
          type: 'custom:text-input-row'
        - entity: input_select.alexa_message_target
          name: Speakers
        - entity: input_boolean.alexa_send_manuel_text_notification
          name: Auch über Telegram an Manuel
        - entity: input_boolean.alexa_send_frauke_text_notification
          name: Auch über Telegram an Frauke
        - action_name: To Run...
          icon: 'mdi:none'
          name: ' '
          service: script.alexa_instant_message
          type: call-service

    # right card
    - type: custom:mini-media-player
      style: |
        ha-card {
          border-radius: 15px;
          background-color: rgba(220,220,220,0.5);
          box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.50);
          font-weight: bold;
        }
      entity: media_player.echo_computer

How do you change the size of the icon?

I’m calling a script to play radio.
What attribute do i fill to highlight the selected button?
I tried media_content_id, script, service but none of these seem to work.

Snippet:

    shortcuts:
      attribute: ????
      buttons:
        - id: script.radio_4
          name: Radio 4
          type: script

Script:

radio_4:
  alias: Radio 4
  mode: single
  sequence:
  - data:
      media_content_id: NPO Radio 4
      media_content_type: TUNEIN
    entity_id: media_player.echo
    service: media_player.play_media

If you’re ok with scaling the whole UI of the card you can use the scale command.
Otherwise I would suggest card-mod.

Is that possible to load artwork based on an youtube video thumbnail?

Did you ever get this working? I am having the same issue

can you ar least show us your config settings?