Lovelace: Mini Media Player

Now it works fine for me!
Thank you!!!

1 Like

Very nice! This is exactly what I was looking for :grinning:

And which HA theme are you using? That is looking great as well.

1 Like

BTW, your OP here still has

   type: js

Thank you so much for this card!

Unrelated: I see this module has the following on the first line. Will this cause it to not work when the internet is down? If so, is there a way around it?

import { LitElement, html } from 'https://unpkg.com/@polymer/lit-element@^0.6.1/lit-element.js?module';
'''
1 Like

This is absolutely brilliant. Thanks a bunch

That’s great to hear.
Thank you for your help and patience

Thank you!

The theme is based on the popular midnight theme with some tweaks by myself.

Here it is if you want to take a look :slight_smile:

1 Like

Thanks, I will update the OP right away!

If you’re browser has loaded the dependency once it should stay cached for a while so tyou should be able to be offline and still being able to use the card.

Alternatively, you could download the dependency and put it in the same directory as your mini-media-player.js and then change the import line to something like this:

import { LitElement, html } from './lit-element.js?module';
1 Like

that will be perfect, thanks for clearing that up!

1 Like

This i great, thank you

1 Like

My new favourite card!
One possible issue, the title doesn’t seem to be overriding the media player’s assigned title.
Thanks

1 Like

Thank you for this. I completely missed to add that back when I rewrote the code last update.

I’ve fixed this and it will be included in the next release.

Thank you!

Great work in this one! I´ve been wanting a slick simple media player with volume control without entering more-info screen for quite some time now. The only thing I´m missing is the source selection. Would it be possible to add a small input select to the left of the volume settings or under it like the tts option? Preferably it will show and change the option automatically when source is changed but also clickable.

Either way, great work!

Hmm, I will add that as an option in the next release. What do you think of something similar to the input select dropdown in the more info dialog?

Unfortunately I don’t think it would be possible to add it to the left of the volume, the space there is just too small. Maybe below, like the tts input. what do you think?

Cool! I would like to keep it as minimal as possible thats why I thought to have it next to the left of the volume control. If its not doable I guess it could be added under like tts. But lets say you want to have both tts and input selection. It will make the player rather big.

Would it be possible to have the part of “now playing” (yellow in your screen shots) clickable to pop a dropdown input select?

Would it be possible to add an option to hide the power button? On Sonos the power button is the same as pause.

Love the card an a big thank you for creating it!

1 Like

Yeah, me as well. I wanna keep it small and slim. That was my main purpose of this card. :smile:

What do you think?

2 Likes

For sure, I’ve gone ahead and added the option hide_power in the dev branch. It will be included in the next release.

Appreciate the feedback!

3 Likes

@kalkih Maybe you can have a look at the custom card tracker.
That shows new versions of the custom cards so people can easily update to the latest version.

5 Likes

Sweet! I definitely like the second approach, real nice!

1 Like

A most wonderful design, thank you Kalkih!

Is is possible to also make it work on a white background instead of the midnight theme? Right now the source, play, next, previous button are hidden in white on white.

Edit: For some reason, the controls show up on a white background and sometimes not. I have not yet figured out what causes this.

(upload://1DFOILB6MeasURDjY0Oii0USBlA.png)

ad://tWsQY7r47di9bPpUQv2yguvxhzt.png)

1 Like