kalkih / mini-media-player

Minimalistic media card for Home Assistant Lovelace UI
MIT License
1.48k stars 206 forks source link

Add install/usage instructions for non yaml users #128

Open kalkih opened 5 years ago

kalkih commented 5 years ago

Add install/usage instructions for non yaml mode users.

IsaTTeN commented 4 years ago

+1

I am using actually with lovelace, but I'm planning to move to UI Editor in the future, so could be a good idea.

dk253 commented 4 years ago

Ummm how do i actually add this with hacs and the ui editor? I have used hacs to install but it does not show up as a control in the list in the ui editor.

PorreKaj commented 4 years ago

After clicking “configure UI” in the top right corner, click again an you now have a “raw config editor”


From: Dave Kearney notifications@github.com Sent: Monday, September 30, 2019 3:57:39 AM To: kalkih/mini-media-player mini-media-player@noreply.github.com Cc: Rene Hansen HansenRene@outlook.com; Manual manual@noreply.github.com Subject: Re: [kalkih/mini-media-player] Add install/usage instructions for non yaml users (#128)

Ummm how do i actually add this with hacs and the ui editor? I have used hacs to install but it does not show up as a control in the list in the ui editor.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fkalkih%2Fmini-media-player%2Fissues%2F128%3Femail_source%3Dnotifications%26email_token%3DAE5MLTVB2ATXOOP4HQQDZLTQMFMJHA5CNFSM4HWHWAVKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD74FV4Y%23issuecomment-536369907&data=02%7C01%7C%7Cec5b08a14c494e42699b08d7454992f7%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637054054604636947&sdata=gGGqWhGhpStgEtjaJ4FLdNGei7ABpkKOkkDi3EtdkaM%3D&reserved=0, or mute the threadhttps://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAE5MLTQ7UXDXC6OF7XWQIQLQMFMJHANCNFSM4HWHWAVA&data=02%7C01%7C%7Cec5b08a14c494e42699b08d7454992f7%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637054054604646964&sdata=HqQ671pSF%2FdgvbA0qjPLCjJB19vjFzfGW9iV3okWNhc%3D&reserved=0.

TheGreatBorg commented 4 years ago

How do we none-yaml geeks get at chance to try this out? "Raw config editor" I see, but is there any useful guide for using "raw config editor" we can follow? I have tried the Fitbit page but that didn't work at all (not for me). This Sonos grouping feature is what I'm seeking because Google Home will not do it (again I'm not that lucky or clever :-) )

PorreKaj commented 4 years ago

Not an expert, I just know that’s were to stick the references.

[Image]


From: P Borg notifications@github.com Sent: Friday, October 4, 2019 5:22:19 PM To: kalkih/mini-media-player mini-media-player@noreply.github.com Cc: Rene Hansen HansenRene@outlook.com; Manual manual@noreply.github.com Subject: Re: [kalkih/mini-media-player] Add install/usage instructions for non yaml users (#128)

How do we none-yaml geeks get at chance to try this out? "Raw config editor" I see, but is there any useful guide for using "raw config editor" we can follow? I have tried the Fitbit page but that didn't work at all (not for me). This Sonos grouping feature is what I'm seeking because Google Home will not do it (again I'm not that lucky or clever :-) )

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://eur04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fkalkih%2Fmini-media-player%2Fissues%2F128%3Femail_source%3Dnotifications%26email_token%3DAE5MLTTW6PEKXFPURPTZ6QLQM5NSXA5CNFSM4HWHWAVKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEAL77NA%23issuecomment-538443700&data=02%7C01%7C%7Cfc383ef538374572d1d008d748dea642%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637057993408742645&sdata=kb0HokItaaV9KHQnP7MKmu7PRvXlvGTIrWmj3PtFs9U%3D&reserved=0, or mute the threadhttps://eur04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAE5MLTQ67WF6QEYSK2Z2AKLQM5NSXANCNFSM4HWHWAVA&data=02%7C01%7C%7Cfc383ef538374572d1d008d748dea642%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637057993408752650&sdata=UUeD67L0BRv%2FTqXrwVtUTO4F5RC%2F8HDooXpD012F2JA%3D&reserved=0.

dk253 commented 4 years ago

It took me a while to figure this out in HASSIO. You have to click the three dots to see the Raw Editor menu then click it again. Then I placed this at the top of the file:

resources:
  - type: module
    url: /community_plugin/mini-media-player/mini-media-player-bundle.js
  - type: module
    url: /community_plugin/button-card/button-card.js

This allowed me to add the modules down below like this:

  - badges: []
    cards:
      - type: entities
        entities:
          - type: 'custom:mini-media-player'
            entity: media_player.amp_living_room
            group: true
            hide:
              controls: true
          - type: 'custom:mini-media-player'
            entity: media_player.amp_kitchen
            group: true
            hide:
              controls: true
kalkih commented 4 years ago

@dk253

It took me a while to figure this out in HASSIO. You have to click the three dots to see the Raw Editor menu then click it again. Then I placed this at the top of the file:

resources:
  - type: module
    url: /community_plugin/mini-media-player/mini-media-player-bundle.js
  - type: module
    url: /community_plugin/button-card/button-card.js

That is indeed how you'd go about adding the resource reference.

You can then add cards by pressing the + icon in the Configure UI and then selecting "MANUAL CARD".

Paste the card config, see examples, the UI will automatically add a dash before type so be sure to not include the dash (-) before type.

Screenshot 2019-10-04 at 20 19 43

Ovw-lang commented 4 years ago

I'm stuck on how to add the card on the overview page. The plugin installation through HACS was easy and also adding the code through the RAW config editor. But then? There's is no further explination to add this mini-player card to the overview page.

I have tried to add a custom card like the example from last posts: type: 'custom:mini-media-player' entity: media_player.amp_living_room icon: 'mdi:spotify' artwork: cover hide: volume: false source: false power_state: false

But it wil show a empty bar. There are examples of the cards but nog explained how-to add the (different style) cards to the overview page. PS: where do we need to provide spotify credentials?

kalkih commented 4 years ago

What do you mean by the overview page? The last post should still be relatively up to date, it's possible that some labels or text are changed ,the label "Manual card" is now "empty card"if I recall correctly.

As for setting up Spotify, please see the Home Assistant Docs.

Ovw-lang commented 4 years ago

Stupid. That link was the part i was missing... it's working like a charm!

NFCES commented 3 years ago

I have tried to follow these instructions here only to bork my HA config. If you could provide screenshoot-by-screenshot (step-by-step) instructions please. Not everyone knows the ins-and-outs of the HA.

NFCES commented 3 years ago

Ok fortunately I had a backup, so I am back. However, not sure what I am doing wrong here. Please advise.

image

NFCES commented 3 years ago

Even tried the sample above. So I am clearly missing something. Please help.

image

loic-moriame commented 3 years ago

Since Home Assistant 0.117, you need to add manually ressources for Lovelace Dashboards (dashboard made from the admin panel, not in yaml files)

Go to Configuration > Lovelace Dashboards config general

Then add a new ressource for mini-player: config lovelace dashboard

kalkih commented 3 years ago

Even tried the sample above. So I am clearly missing something. Please help.

image

You've misspelled the card type, should be custom:mini-media-player.