Did it work even on mobile after you did that or just on desktop, and which browser(s) did you see the issue in?
Here’s my thoughts on the issue.
The card uses a kinda new feature in web dev called CSS custom properties, we use these to decide & set the colors the card should use. But when we add several fallback values to these custom properties, things start to behave strange in some browsers.
It worked just on desktop using Chrome, it continued to disappear on mobile after I added the aforementioned to my theme. Both were using Chrome as the browser. No worries if it’s a wonky behavior, just wasn’t sure if there was something I was doing wrong.
Same thing here, please can you post your fix to make this work? thanks
Hi everyone,
I’m a beginner with Ha,
I’m using hassio v. 96.5,
I installed ‘mini media player’ through hacs,
but I can’t get it to work.
when I enter the ‘maual card’
and insert:
- type: custom:mini-media-player
entity: media_player.primo
icon: mdi:spotify
artwork: cover
hide:
volume: true
source: true
power_state: false
I get the error:
No card type found
[
{
"type": "custom:mini-media-player",
"entity": "media_player.example",
"icon": "mdi:spotify",
"artwork": "cover",
"hide": {
"volume": true,
"source": true,
"power_state": false
}
}
]
I inserted in the raw text editor:
resources:
- url: /local/mini-media-player-bundle.js?v=1.2.2
type: module
title: LeonkaHome
views:
- badges:
- binary_sensor.door_window_sensor_158d0002eb621e
- binary_sensor.motion_sensor_158d0002b60c02
- binary_sensor.cube_158d00029ba5bf
- binary_sensor.switch_158d00020dae05
- binary_sensor.remote_ui
- sensor.hacs
- sensor.humidity_158d000309b137
- sensor.temperature_158d000309b1d9
- sensor.humidity_158d0002b541f4
- sensor.illumination_158d0002b60c02
hacs has downloaded the files to me:
mini-media-player.js e mini-media-player.js.gz
in the folder: /config/www/community/mini-media-player
I don’t understand where I’m wrong, can you help me?
thank you
If you installed via HACS the resource url should be
url: /community_plugin/mini-media-player/mini-media-player.js
thx work it
Hey all, long time user of this, but have just got myself another google home mini and now looking to group them together, though I can’t work it out. I see in example media_player.multiroom_player, is this something people have setup or an actual device?
Can anyone help me out? Thanks.
The media_player.multiroom_player in the example is actually a forked-daapd instance.
What you can do if you have multiple Google homes / cast devices is to create a speaker group though the google home app, this group should then automatically get picked up by the cast component and will show up as a media_player in HA.
Thanks @kalkih. That should do the trick. Didn’t think to look there, I just figured I was missing something with this card.
Hi guys I just installed this awesome card and looking to configure it a bit more
This is what I have now and I would like to keep it as that but also display the volume slider on it’s own row so it is wider than in the pic above, the thing is once I add the buttons below it goes at the top and smaller.
Any idea?
Like this?
Use multiple instances of the mini-media-player (in the same card).
>
> cards:
> - card:
> cards:
> - attribute: sound_mode
> entity: media_player.erik_receiver
> group: true
> hide:
> controls: true
> icon: true
> info: true
> name: false
> power_state: false
> sound_mode: false
> source: true
> volume: true
> info: short
> label: Sound Mode
> shortcuts:
> attribute: sound_mode
> label: Sound Modes
> sound_mode: full
> type: 'custom:mini-media-player'
> type: 'custom:vertical-stack-in-card'
> conditions:
> - entity: group.all_automations
> state: 'on'
> type: conditional
> - card:
> cards:
> - entity: media_player.erik_receiver
> group: true
> hide:
> controls: true
> icon: true
> info: short
> name: true
> power: true
> source: true
> max_volume: 70
> min_volume: 25
> source: icon
> type: 'custom:mini-media-player'
> - entity: media_player.erik_receiver
> group: true
> hide:
> controls: true
> icon: true
> info: true
> name: true
> power: true
> source: true
> volume: true
> info: short
> name: Erik Receiver Source
> shortcuts:
> attribute: source
> buttons:
> - id: Chromecast
> name: Chromecast
> type: source
> - id: DirecTV
> name: DirecTV
> type: source
> - id: FireTV
> name: FireTV
> type: source
> - id: Front
> name: Front
> type: source
> - id: PC 1
> name: PC 1
> type: source
> - id: PC 2
> name: PC 2
> type: source
> columns: 3
> type: 'custom:mini-media-player'
> type: 'custom:vertical-stack-in-card'
> conditions:
> - entity: media_player.erik_receiver
> state_not: 'off'
> type: conditional
> - card:
> cards:
> - entity: media_player.erik_directv
> group: true
> hide:
> controls: false
> icon: true
> name: false
> power: true
> progress: true
> volume: true
> info: scroll
> name: DirecTV
> shortcuts:
> attribute: source
> buttons:
> - id: 4
> name: KOMO
> type: channel
> - id: 5
> name: KING
> type: channel
> - id: 7
> name: KIRO
> type: channel
> - id: 202
> name: CNN
> type: channel
> - id: 360
> name: FOX
> type: channel
> columns: 3
> hide_when_off: false
> label: Favorite Channels
> type: 'custom:mini-media-player'
> type: 'custom:vertical-stack-in-card'
> conditions:
> - entity: sensor.erik_receiver_source
> state: DirecTV
> type: conditional
> type: 'custom:vertical-stack-in-card'
Works great! Thank you again Karl!
I almost have it like I wanted (thanks to the code above)
The only thing is that the whole card disappears when the AVR is off which I am guessing is due to this:
How to fix that so that I get something like this when off?
Remove the conditional cards completely, alternatively wrap the volume slider part inside a conditional card and remove rest of the conditional cards.
Hi to all!
I’m using hassio and I’m a beginner!
I installed ‘mini media player’ with hacs, but it not works!
when I made the manual card like
this:
the error is:
No card type found
[
{
“type”: “custom:mini-media-player”,
“entity”: “media_player.player1”,
“icon”: “mdi:spotify”,
“artwork”: “cover”,
“hide”: {
“volume”: true,
in raw text editor lovelace:
resources:
- type: module
url: /community_plugin/mini-media-player/mini-media-player-bundle.js
hacs dowload in www
mini-media-player-bundle.js e mini-media-player-bundle.js.gz
in the folder: /config/www/community/mini-media-player
WHAT I'.M WRONG?? :frowning:Ciao Exus! me la passi questa card/panel? 
Hello all
I am a newbie
Im having the darndest time with adding or seeing this mini player
Im just trying to do the basics with it
Here is my lovelace yaml
title: Martin Home
views:
here is my WWW 
Im using hassio --0.98.0
What am i missing or not doing correctly
been racking my brains for a week already
Try removing the dash (-) before “type: custom:mini-media-player”
Hello and welcome!
Sorry I don’t understand your lovelace config, please post it inside a code block.
Your resource reference doesn’t seem to match with the files in your www folder.
Should probably be:
- type: module
url: /community_plugin/mini-media-player/mini-media-player-bundle.js
I also don’t see anywhere in your config where you actually use the mini-media-player card.
Is it possible to group LMS media players with this?
Not at this time, if support is added in the backend (HA component) we could support it.