Lovelace: Chromecast Radio Jukebox

Share your Projects!
53

Hi,
Trying to install this, but keeps getting an error that my lovelace frontend that Custom element doesn’t exist: jukebox-card.

Here is what I have done:

  1. Click on https://github.com/lukx/home-assistant-jukebox
  2. Click on “Merge branch ‘master’ of https://github.com/lukx/home-assistant-jukebox/commit/b3faa40308bbc76cf8bb9a74e4b13f67aa2b09c4
  3. Click on ‘Go to File’, takes me to https://github.com/BigWebstas/home-assistant-jukebox/find/master.
  4. Download jukebox-card.js

On https://github.com/lukx/home-assistant-jukebox/commit/d933922085eeef6d726e3d74e4357f6d70566fe7 it is shown that the www directory should contain these files:
|___ /configuration.yaml
|___ /www/jukebox.js
|___ /www/jukebox-card.js

So, I also download jukebox.js from https://github.com/BigWebstas/home-assistant-jukebox/find/master

I put both of these files in www folder.

I add the resources:

resources:
  - url: /local/jukebox-card.js
    type: module
  - url: /local/jukebox.js
    Type: module

I go to my lovelace overview tab, click configure ui in upper right corner, click raw configuration editor, and add the above four lines under ‘resources:’.

Please note that in my file the other resources are shown as
resources:

  - type: module
    url: /local/slider-entity-row.js

And that I have also tried to add the two jukebox resources in a similar way. I assume/suspect that it does not matter if it either one?

And also note that in some places it is written that the resources url should be /www/, others that it should be /local/, so have also tried both of that.

And the I add under cards:

entities:
  - media_player.wuerfel_wohnzimmer
  - media_player.wuerfel_kueche
links:
  - name: Concertzender Jazz
    url: 'http://streams.greenhost.nl:8080/jazz'
  - name: Inside Jazz
    url: 'http://fs-insidejazz.fast-serv.com:8282/;stream.nsv'
type: 'custom:jukebox-card'

But I do get an error saying: Custom element doesn’t exist: jukebox-card.

And the same result if I use type: ‘custom:jukebox’(except of course that the error says that the jukebox doesn-t exist.

And, finally, I have tried to add the it through HACS as the author says he managed to do that. Here I am really on thin ice, but tried to link to both of the .js files as well as the hacs.json file under custom repositories, but no luck. Any suggestions are welcome.

Note that under the heading “Installation” on https://github.com/lukx/home-assistant-jukebox, it says ‘Grab a copy of jukebox.js”, but that seems to be empty.

And on the same page, the example of the ui-lovelace.yaml shows the resource as url: /local/jukebox-card.js, no mentioning of jukebox.js. And its says local instead of www, but I have also tried that in vain.

So, where do I get this all wrong?