Lovelace: Mini Media Player

LOL, damit :frowning:

Thanks mate, appreciate all the help :slight_smile:

It works with stereo-groups but you have to address a member of such a group

Thanks!

Can you give me an example of the code?

Maybe I should have wrote ā€œyou can use stereo-groupsā€ instead of ā€œit works withā€ because it might work only with the normal mini media player layout, sorry:

hide:
  volume: false
shortcuts:
  buttons:
    - type: service
      name: my playlist Office
      id: media_player.play_media
      data:
        entity_id: media_player.echo_office
        media_content_id: shuffle my playlist playlist_name
        media_content_type: AMAZON_MUSIC
  columns: 5
source: icon
type: 'custom:mini-media-player'
entity: media_player.echo_office
artwork: cover
sound_mode: full
name: Office my playlist
info: short
media_player.echo_office 

is a member of a stereo-group.

Hi,

is there a way to have both the volume slider AND the up/down buttons? On small screen devices I prefer to use the buttons, but on big screens the slider is a nice feature.

Thx!

Thanks mate!

Every little bit helps, appreciate it :slight_smile:

Getting this error though: required key not provided @ data[ā€˜media_content_idā€™]

Anyone have any idea whats wrong with my ā€˜media_content_idā€™

Thanks!

type: entities
entities:
  - type: 'custom:mini-media-player'
    entity: media_player.bedroom_echo_show
    artwork: cover
    sound_mode: full
    name: Playlist
    info: short
    hide:
      volume: false
      power_state: true
    shortcuts:
      columns: 4
      buttons:
        - type: service
          name: Liked Songs
          id: media_player.play_media
          data: null
          entity_id: media_player.casual
          media_content_id: my playlist liked songs
          media_content_type: SPOTIFY
        - type: service
          name: 80s
          id: media_player.play_media
          data: null
          entity_id: media_player.casual
          media_content_id: Play 80s Music
          media_content_type: SPOTIFY
    source: icon

Correct the indentation at the data part like above.

Hi all

I have a problem with some of my cards, not all of them but the chromecast and google home dont change the icon :

anyone had this problem before?

My current HASS is always being tweaked but got it almost perfect right now. Now I have the Mini Media player setup as my media player component of choice as its already so customisableā€¦but Iā€™m wondering if there is one more thing I can do.

With music the visualisation is great and I can see album coves fine when viewed from any source, and can see what is being played and by whom beautifully.

So now Id like the same level of perfection with video media. Right now it shows what is either the fanart or some poster style media but it cuts it down in size to the point where it cuts off the top and the bottom of the image so doesnā€™t always look as good as it could

Screenshot 2021-02-06 at 23.39.56

Now I know this is the MINI media player and this is only going to increase its footprint, but wondering if there is any way to make this possible for videoā€¦as its pretty much perfect for audio

What do you have artwork set to?

cover to display current artwork in the card background, full-cover to display full artwork, material for alternate artwork display with dynamic colors, none to hide artwork, full-cover-fit for full cover without cropping.

1 Like

Beautiful! Worked with this;

type: entities
entities:
  - type: 'custom:mini-media-player'
    entity: media_player.bedroom_echo_show
    artwork: cover
    sound_mode: full
    name: Playlist
    info: short
    hide:
      volume: false
      power_state: true
    shortcuts:
      columns: 4
      buttons:
        - type: service
          name: Liked Songs
          id: media_player.play_media
          data: 
            entity_id: media_player.bedroom_echo_show
            media_content_id: my liked songs in the casual group
            media_content_type: SPOTIFY
        - type: service
          name: 80s
          id: media_player.play_media
          data: 
            entity_id: media_player.bedroom_echo_show
            media_content_id: play 80s music
            media_content_type: SPOTIFY
    source: icon
1 Like

Hi All

Does anyone have a working card for groups?
Seems the latest install ā€œbreaksā€ my old card, so how to do this?
I tried using the UI but couldnā€™t add more than one media player


I have tried multiple examples above in this thread but something have changed?

Ok think I got it now:

type: 'custom:mini-media-player'
entity: media_player.aktivitetsrum
hide:
  power: true
  icon: true
  source: true
speaker_group:
  platform: sonos
  show_group_count: true
  entities:
    - entity_id: media_player.aktivitetsrum
      name: Sonos Aktivitetsrum
    - entity_id: media_player.kokken
      name: Sonos KĆøkken
    - entity_id: media_player.thomas_vaerelse
      name: Sonos Thomas vƦrelse
    - entity_id: media_player.victoria_vaerelse
      name: Sonos Victoria vƦrelse

Can I just ignore all the warnings in the editor?

I currently have Assistant Relay installed (https://github.com/Apipa169/Assistant-Relay-for-Hassio) which I am happy with doing my Google Broadcasts.

Mini Media Player requires a custom notify service called ga_broadcast, as an example

notify:
  - name: ga_broadcast
    platform: rest
    resource: http://[xxx.x.x.xxx]:5000/broadcast_message

This would work if I was using Google Assistant Webserver, but what do I need to make it work with Assistant Relay instead. I currently have a rest command

rest_command:
  assistant_broadcast:
    url: http://192.168.10.2:3000/assistant
    method: POST
    content_type: 'application/json'
    payload: '{"command":"{{ command }}", "user":"username", "broadcast":true}'

So I want to create a notify service to pass the relevant details to my rest_command I guess?

Thank you for any tips

UPDATE: Answering my own question here as I found the answer (mostly) above. I just needed to add in the broadcast: true paramater, so thank you @kalkih in post #663

## Set up ways of notifying users    
notify:
  - name: ga_broadcast
    platform: rest
    resource: !secret assistant_relay_url
    method: POST_JSON
    message_param_name: command
    data:
      user: "Home Assistant"
      broadcast: "true"

The only thing I didnt factor in is that ā€œbroadcastā€ goes out to all devices so isnt quite right for my individual media cards for each media player.

If only you could broadcast to individual google devices.

Same problem solved updating the icon in the component itself

How did you do that.

its currently set to ā€œfull coverā€ and displays as shown above with a heavily cropped imageā€¦that said I have tried them all without finding a better alternativeā€¦so Iā€™m assuming there isnā€™t one currently just hoping Iā€™m missing something

Actually maybe I wasā€¦just tried full-cover-fit and that appears to have workedā€¦there is some space to the right and left of the item now but its showing the whole poster

I donā€™t think youā€™d want them to stretch or squash the image, so I guess some ā€œwhite spaceā€ is inevitable

1 Like

from entities list select entity to be customized. push on the entity and a popup will appear. Here you have an Icon row where you can select the icon for the entity

Ah ok so for the entity itself not the config in the cardā€¦ Iā€™ll try that.

Realy awesome media player. One question. How do I have to use label. Is it possible to create a drop down with channels etc. with it? I googled and checked the posts here but could not find an example. Here is what I got atm which works fine with buttons (and place holders):

type: 'custom:mini-media-player'
name: Google Home
entity: media_player.lautsprecher_schlafzimme
info: short
artwork: cover
source: icon
volume_stateless: true
hide:
  volume: false
shortcuts:
  columns: 4
  hide_when_off: true
  buttons:
    - name: BoB!
      type: music
      id: 'http://streams.radiobob.de/bob-live/mp3-192/streams.radiobob.de/'
    - name: ARelaX
      type: music
      id: 'https://stream.absolutradio.de/relax/mp3-128/Fritzbox/'
    - name: Energy
      type: music
      id: ''
    - name: ...
      type: music
      id: script.script_name