Lovelace: Mini Media Player

I have that integration and like it. I did not know about the card and will give it a shot. I only use spotify for its searching and catalogue. I have no favorites or playlists. I use what spotify makes me. all i am trying to do is have the built in “browse media” function somewhere on either this card or even the maxi one. There doesn’t seem to be an easy way to get that done.

@henson_kraj
Understood; unfortunately, the card does not have a dedicated button that drives you to the HA Media Browser. The SpotifyPlus Integration does support the HA Media Browser, but you have to click on the menu item to get there.

UPDATE - I almost forgot … I used to have the Browse Media Button working with Mini Media Player at one time. Check out this article on how I set it up. If memory serves, it was using the browser_mod2 integration to drive to the HA Media Browser when the shortcut was clicked in the Mini Media Player. I have since deleted browser_mod2, so not for sure if it still works or not. But it may give you some direction.

However …

The SpotifyPlus Card works on the same principle as the Maxi Media card, in that it is a “tabbed” interface which allows you to enable / disable the individual tabs (or sections as I refer to them). So for example, the search section is displayed by selecting the search icon at the bottom menu:

You can also have your own user presets if you want, instead of using Spotify favorites. They are simply shortcuts to any type of Spotify media (tracks, playlists, artists, albums, audiobooks, podcasts, etc). They also handle Track Recommendations, in that you can setup a user preset that will search Spotify for tracks that have a certain characteristics (e.g. tempo / danceability / instrumental / genre / etc) and it will list matching results. You can also create shortcuts to your Spotify Daily / Weekly / other Made For You lists. It looks like this:

And finally, you can also enable Spotify Categories are well, which look like this:

Hope it helps!

browser_mod2 does still work fine. My problem with it was that I couldn’t make the media_browser work as a pop-up, rather than navigate which isn’t very nice as a UI experience. I might have a look to see how maxi does it to see if it’s do-able using browser_mod.

Ok so this is awesome. I have a button on the Mini Media Card that toggles the bubble pop up card… which now shows your card in tabs. The mini media card has the easy switch between my google speakers which i like (i did not want that tabbed) the whole dash uses bubble pop ups so i needed that for continuity… and then i have your integration/card in a horizontal stack. So here is where i am right now, and appologies for not being so savvy with all this.
I want 3 tabs in total

  1. search
  2. shortcuts to spotify daily/weekly/made for you lists
  3. Categories

Which you have shown above. What i don’t know how to get right is #2… the spotify made for you stuff. On spotify web it’s just there always. i just open, click whichever thumbnail looks appealing to me and go from there. I don’t over think it.

1 Like

@henson_kraj
The #2 item can be solved by using SpotifyPlus Card User Presets. This can put them all (and anything else you want) in one place. The trick is to find the “Made For You” items to add as presets.

To do this, enable and display the categories section in the SpotifyPlus Card:

Click on the “Made For you” tile to display the underlying playlists for the category:

Find the item that you want to add as a user preset; you can scroll, or filter the list at the top using filter criteria (e.g. “Daily Mix”). Once you see the tile you want click and hold the tile entry until the actions display comes up (in the following example I chose “Daily Mix 1”:

You can then click on the 3 dots menu icon to display the actions, and select the “Add Playlist to User Presets” item. This will create a new user preset for that playlist.

In case you get an error about cardUniqueId not found, just add a unique card id to the configuration, and retry the above steps. A card unique id is required in order to save card changes (e.g. add user presets) outside of the card editor ui. Check out the wiki topic for more info on that if you need it.

Hope it helps, and apologies for the lengthy explanation.

Hello,
I have just installed mini media player and attached a ADB media player to it.
I have been able to display images from spotify but none from Youtube: the artwork is always black.
Any ideas what it could be?

I am using a chromecast with google tv (4k)

Anyone get this working with Roon? Mostly want to select playlists and group players…

What are the attributes of your adb media player when playing Spotify and while playing YouTube.

For grouping,

I’ve separated the “cover” (which I want to see in full) from the controls, so I have two separate Mini Media Player cards:

  • one for (only) the cover, and
  • one for the controls.

But on the cards with only the cover, I’m getting a grey strip/shadow I cannot get rid off. Can someone help me here?

type: custom:mini-media-player
artwork: full-cover
entity: media_player.keuken
source: icon
name: Luidspreker keuken
volume_stateless: true
toggle_power: true
tap_action: false
hide:
  source: true
  volume_level: true
  progress: true
  name: true
  icon: true
  info: true
  power: true
  controls: true
  volume: true

Thanks!



Hi,

How do I get the media player icon to change color when the media player state is “on”? Just like the power button changes color, I would the icon in the mini media play to change as well. It used to do this, but something changed recently and it no longer works for me. I’ve tried a number of theme settings and even card_mod, but nothing works. I would appreciate any help!

Something like this :arrow_down:

type: custom:mini-media-player
entity: media_player.xxxxxxxx
card_mod:
  style: |
    ha-card {
    --mmp-icon-color: {{ 'green' if is_state(config.entity, 'on') else 'red' }} !important;
      }
1 Like

Is there anyone that can help making the control’s more contrasting when using artwork: material? I was thinking of a 50% opacity rounded background, but no idea how to achieve this.

Post your current card code to start…

Sure, here it is.

type: custom:mini-media-player
entity: media_player.kantoor
artwork: material
hide:
  power: true
  icon: true
  source: true
  shuffle: false
  group_button: true
shortcuts:
  columns: 4
  column_height: 10
  attribute: source
  buttons:
    - name: 🔉 20
      type: service
      id: media_player.volume_set
      data:
        volume_level: 0.2
        entity_id: media_player.kantoor
    - name: 🔉 30
      type: service
      id: media_player.volume_set
      data:
        volume_level: 0.3
        entity_id: media_player.kantoor
    - name: RP stream
      type: service
      id: music_assistant.play_media
      data:
        media_id: library://radio/14
        media_type: radio
        entity_id: media_player.kantoor
    - name: RP playlist
      type: service
      id: music_assistant.play_media
      data:
        entity_id: media_player.kantoor
        media_type: playlist
        media_id: Radio Paradise
speaker_group:
  expanded: true
  platform: media_player
  show_group_count: true
  entities:
    - entity_id: media_player.kantoor
      name: Kantoor
    - entity_id: media_player.keuken_2
      name: Keuken
    - entity_id: media_player.woonkamer_3
      name: Woonkamer
toggle_power: true
volume_stateless: false
group: false

Example:

is it possible to set “dynamic colors” while using “full-cover”?

You can change opacity of the artwork with --mmp-artwork-opacity

type: custom:mini-media-player
entity: media_player.kantoor
artwork: material
hide:
  power: true
  icon: true
  source: true
  shuffle: false
  group_button: true
shortcuts:
  columns: 4
  column_height: 10
  attribute: source
toggle_power: true
volume_stateless: false
group: false
card_mod:
  style: |
    :host {
      --mmp-artwork-opacity: 0.5 !important;
    } 

That helps a bit, but there are still situations that it is hard to see. Also, the state of the shuffle button is always invisible because it seems to be overruled by some other color.

I might adopt the aproach of @verbeeld , that looks also nice. But I like the all in one card more.

It looks like there’s a problem with the new volume slider in 2025.10.0 It resets to zero on page refresh or reload. Issue has already been reported with the beta, Home Assistant v2025.10.0b0 breaks volume sliders · Issue #909 · kalkih/mini-media-player so hopefully someone may take a run at it.

I love this cards and use it a lot, but today when I was creating a new card with this for my Denon receiver I was having some troubles.

First of all, the volume slider shows as 0 while the volume is higher, which could be because the actual reported volume of denon is 0.28 instead of 28 in the integration. When you use the slider it correctly sets the volume though (slider set to 28 sets the volume to 28 on the receiver and 0.28 in the integration).

And using the slider for control of the volume in the HA app is really enjoying so I wanted to go with the stateless controls and that worked great but the problem with that is that I would like to have the actual volume being shown in the player. Because that is not shown as it is with using the slider (even though you barely see it at that point due to your finger being in the slider).

Is there a way to display the volume_level attribute in the player or as a shortcut button?

Also the documentation says you can hide volume_level, but actually displaying it does nothing?

My code so far:

type: custom:mini-media-player
entity: media_player.denon_avr_s660h
name: Denon Receiver
artwork: cover
source: full
sound_mode: full
info: scroll
volume_stateless: true
volume_step: 2
volume_level: true
background: /local/radioplayer/wallpaper2.png