Lovelace: Mini Media Player

[Bieniu (Maciek)]

After update card to version 1.2.1 icons of media players are black. How to change icon color to --state-icon-color without changing any other colors? mini-media-player-base-color change icon color but also some text color.

[kalkih (Karl Kihlström)]

Hey, could you provide me with a screenshot of the issue, what is the expected behaviour and what was the behaviour before the update?

[Bieniu (Maciek)]

This is media-player-card 1.2.0:

This media-player-card 1.2.1:

And this is media-player-card 1.2.1 with mini-media-player-base-color: 'var(--state-icon-color)' in theme:

I want colors like in 1.2.0 version.

[kalkih (Karl Kihlström)]

Thanks for the details, will be fixed in the next version.
https://github.com/kalkih/mini-media-player/commit/dd2d7ca25a43b7d27d34fb5e1165b2dd9bc2e958
The entity icon will be the color of paper-item-icon-color (like the default state-badge), unless mini-media-player-base-color is set.

[Eddie1974 (Eddie)]

Do you mind sharing your config for the remote?

[krovachek (Krisztian Borsi)]

Nothing special. I just used the Mini Media Player based on te documentation with these scripts:

Kodi Remote

I want to share with you the Kodi remote as I couldn’t find it here. If someone wants to develop this with me, put your own version here. To-do list Playlist button (shows songs from the current playlist or album) Volume adjustment (for amplifier) Fast forward and backward Current track information and picture Keyboard button [IMG_0087] Here’s the code ui-lovelace.yaml # Kodi Remote - title: Kodi cards: - type: vertical-stack cards: - type: entities entities: …

[iantrich (Ian)]

@kalkih

I’m not sure if you are familiar with the google assistant, but you basically feed normal google assistant commands to the assistant relay - “play music on chromecast bathroom”, “play michael jackson from spotify on chromecast kitchen”.

Have you had any issues with some devices not accepting commands from relay? Only a subset of my devices appear to work

[kalkih (Karl Kihlström)]

Actually yes, I used it to broadcast messages & start spotify playback on cast devices/groups, but at some point starting playback didn’t function anymore, broadcasting continued to work fine though.
I didn’t really look into it and used this instead, which has been working fine for the last few months.

Probably going to switch to spotcast at some point, since it does seem to support speaker groups now.

[iantrich (Ian)]

Cool. Thanks for the alternatives

[Daniel_Berntsson]

i got help to install this, i workt great, BUT then i removed:
lovelace:
mode: yaml

do be avalebe to use card, and its gone:( have no ide what i need to change to make come back.

resources:
  - url: /local/community/mini-media-player/mini-media-player.js?v=1.2.2
    type: module
title: Home title
views:
  - title: First tab
    cards:
      - type: custom:mini-media-player
        entity: media_player.kok
        icon: mdi:spotify
        artwork: cover
        hide:
          volume: true
          source: true
          power_state: false

is my lovelace.ymal

[benm7 (Ben M)]

Is there any way to make the overlay/background of this transparent/none so that it fits in to my theme set up as below? At the moment it shows a solid background.

[kalkih (Karl Kihlström)]

@Daniel_Berntsson

i got help to install this, i workt great, BUT then i removed:
lovelace:
mode: yaml

do be avalebe to use card, and its gone:( have no ide what i need to change to make come back.

Hey, when you disable yaml mode, ui-locelace.yaml is no longer being used, so you’ll have to add the card resource reference through the raw config editor in the home assistant user interface.
See step 3 here.

@benm7

Is there any way to make the overlay/background of this transparent/none so that it fits in to my theme set up as below? At the moment it shows a solid background.

Yes, the card background is based on the style variable --ha-card-background, so you can either change this variable in your theme (will apply to all cards) or set it manually for specific card(s) using something like lovelace-card-mod.

Edit: Btw, make sure you got the latest release of the card, the background color was based on --paper-card-background-color in earlier releases.

[benm7 (Ben M)]

Thanks heaps for fast response! Have tried that but doesn’t seem to do anything. Am on v1.2.2 as well which looks like the latest on HACS. Here is my code:

      - type: custom:mini-media-player
        style: |
          ha-card {
            border-radius: 12px;
            overflow: hidden;
            box-shadow: none;
            --paper-item-icon-color: var(--primary-text-color);
            ha-card-background: rgba(148,50,52,0.0)
          }
        entity: media_player.kids_google_home

Any ideas why it might not be working?

[benm7 (Ben M)]

Ignore me, got it to work by adding the – thanks so much!

[Daniel_Berntsson]

I did make the changes i the raw config, save and restart. but no media player.
I just copy the url i had in my old file, what i know work using the other methed.
bu no luck

resources:
-url: /local/community/mini-media-player/mini-media-player.js?v=1.2.2
type: js

[nickrout]

your indentation is wrong.

[kalkih (Karl Kihlström)]

Try, type: module, if that doesn’t work try clearing the browser cache.
And If still no luck, try installing the card from scratch, this guide by @thomasloven is great, combined with the card readme on github.

[Daniel_Berntsson]

http://hassio.local:8123/community_plugin/mini-media-player/mini-media-player.js:1:68547 Uncaught NotSupportedError: Failed to execute ‘define’ on ‘CustomElementRegistry’: the name “mmp-group-item” has already been used with this registry

i get this

[kalkih (Karl Kihlström)]

Okay, that seems to suggest that the code is being loaded twice, make sure the resource reference is only included once, could be a cache issue, try clearing the browser cache manually,

[Daniel_Berntsson]

no luck:/

i just get No card type found.
i am using HACS and i have check the so the name of the patch i correct, i have cleard the cache 5times. Will try install it the old way and see if its get me any luck. Starting to think somthing is wrong whit HACS insall, cant get any one to work from it

EDIT: i tried install it the “old” way, and not using HACS i now works like a charm. now i need to figuer out how to write the code to make it work like i whant:S