Custom UI: Mini media player

Share your Projects! Dashboards & Frontend
122

Can this card work with Lovelace?

123

This is amazing and exactly what iā€™ve been looking for, but the original guthub repo link doesnā€™t appear valid any more?

124

I think theyā€™re all being withdrawn as people are moving over to lovelace, but the latest version of the html is on my repo if thatā€™s any good for youā€¦

link removed

125

Ok, thanks. Iā€™ve not looked at Lovelace yet, Does Lovelace bring this kind of functionality out of the box? Or is it just the case that this needs rewriting to support it?

126

Havenā€™t a clue :joy:, lovelace_ui is next on my list but I havenā€™t read anything about it yet other than the fact it exists.

127

thanks for the link to the custom HTML, but iā€™m not sure what I actually need to do to get this all together. I assume that goes somewhere locally on the HASS.IO install and then i also need to add a reference to the statecard in the config somewhere?

128

Yeah, so put the media player and media player es5 files in your www folder, then reference them under frontend

frontend:
  extra_html_url:
    - /local/custom_ui/state-card-mini-media-player.html
  extra_html_url_es5:
    - /local/custom_ui/state-card-mini-media-player_es5.html

Then you make some dummy input_texts to use as the media players and give them the state card in customize, which then you assign the actual media player to

link removed

Hope this helps.

1 Like
129

Awesome, thanks

130

Are the double set of controls a known issue?
Miniplayer

131

I think thatā€™s a problem with certain mobile browsers, chrome should work pretty well.

Again though, this is unsupported now hence the repo disappearing. The only reason I still had the files is because I keep putting off trying to get my head around lovelace, but itā€™ll be the standard soon so I need to pull my finger out :slight_smile:

1 Like
132

Actually it is the same on Chrome android/pc and Firefox android/pc, so I guess lovelace is next step then

133

Hmm, looks OK on chrome on my android :confused:

But yeah, I think itā€™s time to start experimenting with the future :slight_smile:

134

Hello
How could I color the icon of the TV for example when on and off?
I donā€™t know how and where I could use Ā« color_state: true Ā»