📺 Lovelace: Roku Remote Card

I create my image directory under /www so I can call images like this

/local/images/your_image.png

That path isn’t working for me. Image appears on the card only when the file is located directly under /local

did you create the images folder inside /www and move the images there?

Yes. Image is at /config/www/images/file.png. It does load on the crd now. Just took it awhile.

let me see your code

        - type: custom:button-card
          show_entity_picture: true
          entity_picture: /local/images/ok-button.png
          size: 50px
          styles:
            card:
              - z-index: 0
              - height: 58px
              - width: 60px
              - border-radius: 0px
              - background-color: '#360d7c'
              - border-color: white'#070707'
              - box-shadow: none
          tap_action:
            action: call-service
            hapxic: success
            service: remote.send_command
            service_data:
              entity_id: remote.roku2
              command: select

That should be working from what I see. Check your browser console for any errors. Is the image showing up as missing or just a blank spot in place?

Maybe try rebooting HA if it didn’t pick up your images folder for some reason

Thank you. Image is appearing now. What are the properties of your streaming service icons? I’m adding Disney+ and Paramount+

Not sure what you mean by that?

PNG, transparent background, size, etc.

The ones I threw in are all different PNGS. They’ll get scaled to size, and you can tweak the size of them some in the code underneath the image line

Thanks. I’ll play around with the formatting.

Hello,

I am loving this card. Giving me direct access to my roku and the few apps that we use. I am having a bit of trouble, though getting a couple of apps to launch properly. They are Jellyfin and Spotify. I have included my config for the both and my Roku apps page.

- image: /local/icons/SuperTinyIcons-master/images/svg/jellyfin.svg
  app: Jellyfin
  tap_action: call-service
  service: media_player.select_source
  service_data:
    source: Jellyfin
    entity_id: media_player.clay_living_room

...

- image: /local/icons/SuperTinyIcons-master/images/svg/spotify.svg
  app: Spotify Music
  tap_action: call-service
  service: media_player.select_source
  service_data:
    source: Spotify Music
    entity_id: media_player.clay_living_room

Roku Apps page:

<apps>
<app id="837" type="appl" version="2.23.115025138">YouTube</app>
<app id="592369" type="appl" version="2.0.0">Jellyfin</app>
<app id="22297" type="appl" version="2.11.66">Spotify Music</app>
<app id="13535" type="appl" version="7.12.4">Plex - Free Movies & TV</app>
</apps>

Is there something I am doing wrong in my config? Or is there something else I am missing?

For anyone following this thread who may be interested, the Firemote Card now supports Roku devices as well.

Looking good, everyone! It seems like y’all got the button images. Sorry I’ve been out of the loop due to real-life stuff. Has anyone figured out how to make the voice button work?

One thing I’m not sure if I mentioned, but I made the buttons go dark when everything was off. I was planning to make it so if a ‘service’ button was off, they would be grey too.

Here is the ‘okay’ button and the 'ROKU tab

remote-roku-ok2

remote-roku-tab3

youtube1
'.

Thank you, this is awesome! I successfully got it working on a 5+ year old TCL Roku TV. I did change the icons a bit so they were local, but so far everything except a couple buttons seems to work but still minor to me.