Lovelace: Mini Media Player

Wrap them inside any other card that has a background e.g. entities card or vertical-stack-in-card.

Yees you can, you can call any service from the buttons, e.g. light.toggle, see example.

I did put them in vertical stack and still they are separate

vertical-stack does not have a background.
Try a card with a background and use group: true on the mini-media-player cards.

You didn’t understand me. I know how to use the poster on your card, but I want to use it on a picture card and I wish to know how can I do it.

Amazing project! And it’s amazing how configurable this card is. I have a question though:

Is it possible to use CSS style to this? To set te size of the card for example? I’d like to match the style of the mini-media-player to the rest of my dashboard.

Thanks!

Have a look at card-mod.
There’s also a card option called scale but not sure if that willh help you.

I can set the size with this methood:

              - artwork: full-cover-fit
                style: |
                  ha-card {
                    height: 400px;
                  }              
                background: /local/kodicase.jpg
                entity: media_player.kodi_rpi4
                icon: 'mdi:kodi'
                info: scroll
                type: 'custom:mini-media-player'

awesome! thanks. The Style option does exactly what i wanted

I’m having some issues with the Sonos grouping. I have/had it working using the older multi-player method, but using the Speaker Group managment, getting the following error:

using the following code:

- entity: media_player.playbar
  hide:
    icon: true
    power: true
    source: true
  speaker_group:
    entities:
      - entity_id: media_player.playbar
        name: Sonos Office
      - entity_id: media_player.parlour
        name: Sonos Livingroom
      - entity_id: media_player.lovenest
        name: Sonos Kitchen
      - entity_id: media_player.roamer
        name: Sonos Bathroom
      - entity_id: media_player.cabana
        name: Sonos Bedroom
    platform: sonos
    show_group_count: true
  type: 'custom:mini-media-player'

If you’re using the GUI to add cards, remove the dash (-) before entity.

Not the vertical stack, the custom vertical stack in card. It will do what you want and stack them inside of a card. So there will be no break.

not sure what you mean, there is vertical stack or manual no custom vertical stack

tried this one but its not working, what am I doing wrong?

- type: custom:vertical-stack-in-card
  cards:
    - artwork: cover
      entity: media_player.pioneer_avr
      hide_when_off: true
      group: true
      hide:
        play_stop: true
        power_state: false
        source: true
        volume: false
        play_pause: true
        controls: true
        name: false
        icon: false
      icon: 'mdi:youtube-tv'
      volume_stateless: true
      type: 'custom:mini-media-player'
    - artwork: cover
      entity: media_player.pioneer_avr
      group: true
      hide:
        play_stop: true
        power: true
        source: true

First let me say that I love this project, many thanks for your efforts.

I’m having a problem getting entities into the card. It might just be a simple thing hopefully. I’m using the card for a Roku, 4 buttons on top for most used channels, and three buttons below to simulate remote button presses. I’ve created entities for the button presses that work elsewhere in my HA, but I can’t get the “type” right I guess. I read the readme and tried a bunch of options but nothing seemed to work. Here’s my card:

entities:
  - artwork: cover
    entity: media_player.roku
    hide:
      icon: true
      volume: true
    shortcuts:
      buttons:
        - icon: 'mdi:netflix'
          id: Netflix
          type: source
        - icon: 'mdi:plex'
          id: Plex - Stream Free TV & Movies
          type: source
        - icon: 'mdi:emby'
          id: Emby
          type: source
        - icon: 'mdi:home'
          id: input_boolean.roku_home
          type: source
        - icon: 'mdi:chevron-left'
          id: input_boolean.roku_left
          type: action
        - icon: 'mdi:checkbox-blank-circle-outline'
          id: input_boolean.roku_select
          type: action
        - icon: 'mdi:chevron-right'
          id: input_boolean.roku_right
          type: action
      columns: 4
    source: icon
    type: 'custom:mini-media-player'
show_header_toggle: false
theme: slate
title: null
type: entities

I’ve tried a few things for “type”, action was just the last thing I tried before giving up so that’s what’s left there. Any help is greatly appreciated!

1 Like

Is it possible to add a shortcut to a Spotify playlist when using a Sonos entity_id?

Hello, i have 2 players, its possible remove the back and forward buttons?

image

If i remove “controls”, the players get misalign:

image

Another issue that i have, i cant show in the first player the mute button?

type: horizontal-stack
cards:
  - entity: media_player.smartir_media_player
    type: 'custom:mini-media-player'
    volume_stateless: true
    icon: 'mdi:television-box'
    hide:
      name: true
      power_state: false
      play_pause: true
  - entity: media_player.enigma2_media_player
    type: 'custom:mini-media-player'
    volume_stateless: true
    info: scroll
    hide:
      icon: true
      power_state: false
      play_pause: true
      name: true

Thanks

can anyone assist with that?

Thanks

how can I move the shortcuts buttons (such a good feature btw!) underneath the actual card so that it wouldn’t overlap the underlying media thumbnail? (perhaps using cardmod)

The best solution would probably be to switch from the built-in shortcuts to button-cards and wrap the button cards and the mini-media-player (with group: true) inside e.g. an entities card or a vertical-stack-in-card.