Share your Lovelace Home Theater Remote Setup

Here is what I made for the Apple TV remote.

5 Likes

May look familiar @jimz011 :wink: loving my HKI setup… I had to go with something simple for the wife and kids… this is my emergency remote for when we have lost the 2 … yes we can often manage to lose 2 fire tv remotes… :roll_eyes:
Still working on adding my camera controls for but haven’t really decided on the best layout and kind of waiting for the update before I get much more involved…

5 Likes

That looks familiar indeed, well the repo will be updated within a few days. Stay tuned.

2 Likes

Side note… any chance you know how to get the mini media player to have rounded corners? It worked a month ago just using the style code… but one of the mini media players updates to fix the background made it stop working.

To my knowledge the mini-media-player has its borders hardcoded. The way I used to do it was to simply modify the borders within the JS file. However this makes updating a pain in the behind. So I stopped doing it. A plain style setting will probably not work.

We might need to ask the dev to add a variable border-radius instead of the hardcoded one.

for me it works to just set it in the theme, or use card-mod…

border-radius: “12px”
ha-card-border-radius: “15px”

Just played around a bit, my theme contains these 2:

  # Cards
  border-radius: "12px"
  ha-card-border-radius: "15px"

amending this in the card changes the border-radius for the mini-media-player card:

                style: |
                  ha-card {
                  --ha-card-border-radius: "0px";
                  }

this is a picture with the 15px setting.

1 Like

Weird, still no dice… that’s how I modify pretty much every other card is with the style code and it works. I just added the ha-card-border as well as took the template variable out of the border-radius and still not working.
Any chance you are still using an older version of mini-graph-card?

1 Like

No, i am on the latest version:

Mini Media Player
Minimalistic media card for Home Assistant Lovelace UI
GitHub stars: 504
Downloads: 3590
Last updated: 5 days ago
Installed: v1.5.2

i think that they have to be present in your theme as well, when i switch to the default theme the border radius is default again.

I think he means on the iphone? Because I only have this problem on an iphone if I remember it well.

Works fine on my iphone, just remember to set the theme at startup (using an automation)

Yeah I have that, but doesn’t work for mini-media-player (in my case).

I don’t use the theme manager in the sidebar as that is broken for me ever since 0.97

What happens when you click on that chevron (down pointed arrow) on the ‘Mediabox Next’ media player? That is a media player for the Ziggo Mediabox Next, right?

What are you using for that? This: https://www.home-assistant.io/integrations/ziggo_mediabox_xl/? That seems to be the older one.

Also, could you share your configuration for that part? (the media player)

Ziggo mediabox next - read the thread there there are 2 custom components in there at the moment both with with pros and cons


Video 1 (imgur)
Video 2 (imgur)

Check out my Mobile Setup.
I havent finished it yet, but i like it alot. Check out the two videos to see it in action. (sorry for the bad video quality)
Tell me what you think!

Hey Jim, do you have any code/documentation how you made your remote? Cool stuff.

6 Likes

I wish this too
Jim your remote card is pretty beautiful.
Congratulations!


My remote, boringly, in Lovelace just looks like a remote, but integrating the standard HA colours. It integrates all the buttons needed for the TV and the Amino set top box. I made the buttons on imagefu.com, very easy, just play around with the settings. Each of the buttons calls a script. The script in turns calls a remote.send command for the Amino Settopbox or the SamsungTV commands of the (slightly modified) SamsungTV component. The remote.yaml contains the IR codes for the Global Cache iTach IP2IR to control the Amino STB and “ON” command for the SamsungTV. The buttons are stored in the /www/stb_buttons directory. The Lovelace yaml is a picture elements card:

  - image: /local/stb_buttons/tv_pwr.png
    style:
      left: 61px
      top: 25px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.tv_power
    type: image
  - image: /local/stb_buttons/stb_pwr.png
    style:
      left: 164px
      top: 25px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_power
    type: image
  - image: /local/stb_buttons/tv_input.png
    style:
      left: 267px
      top: 25px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.hdmi
    type: image
  - image: /local/images_tvremote/ch_1.png
    style:
      left: 61px
      top: 80px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_ch1
    type: image
  - image: /local/images_tvremote/ch_2.png
    style:
      left: 164px
      top: 80px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_ch2
    type: image
  - image: /local/images_tvremote/ch_3.png
    style:
      left: 267px
      top: 80px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_ch3
    type: image
  - image: /local/images_tvremote/ch_4.png
    style:
      left: 61px
      top: 120px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_ch4
    type: image
  - image: /local/images_tvremote/ch_5.png
    style:
      left: 164px
      top: 120px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_ch5
    type: image
  - image: /local/images_tvremote/ch_6.png
    style:
      left: 267px
      top: 120px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_ch6
    type: image
  - image: /local/images_tvremote/ch_7.png
    style:
      left: 61px
      top: 160px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_ch7
    type: image
  - image: /local/images_tvremote/ch_8.png
    style:
      left: 164px
      top: 160px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_ch8
    type: image
  - image: /local/images_tvremote/ch_9.png
    style:
      left: 267px
      top: 160px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_ch9
    type: image
  - image: /local/images_tvremote/ch_0.png
    style:
      left: 164px
      top: 200px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_ch0
    type: image
  - image: /local/images_tvremote/vol_up.png
    style:
      left: 61px
      top: 250px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.volume_up
    type: image
  - image: /local/stb_buttons/stb_menu.png
    style:
      left: 164px
      top: 250px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_menu
    type: image
  - image: /local/images_tvremote/ch_up.png
    style:
      left: 267px
      top: 250px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_channel_up
    type: image
  - image: /local/images_tvremote/vol_mute.png
    style:
      left: 61px
      top: 305px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.mute
    type: image
  - image: /local/stb_buttons/stb_page+.png
    style:
      left: 164px
      top: 305px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_page_up
    type: image
  - image: /local/images_tvremote/vol_down.png
    style:
      left: 61px
      top: 360px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.volume_down
    type: image
  - image: /local/stb_buttons/stb_jump.png
    style:
      left: 267px
      top: 305px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_back
    type: image
  - image: /local/images_tvremote/ch_down.png
    style:
      left: 267px
      top: 360px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_channel_down
    type: image
  - image: /local/stb_buttons/stb_page-.png
    style:
      left: 164px
      top: 360px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_page_down
    type: image
  - image: /local/images_tvremote/up.png
    style:
      left: 164px
      top: 420px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_cursor_up
    type: image
  - image: /local/images_tvremote/left.png
    style:
      left: 61px
      top: 475px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_cursor_left
    type: image
  - image: /local/images_tvremote/enter.png
    style:
      left: 164px
      top: 475px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_cursor_ok
    type: image
  - image: /local/images_tvremote/right.png
    style:
      left: 267px
      top: 475px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_cursor_right
    type: image
  - image: /local/images_tvremote/down.png
    style:
      left: 164px
      top: 530px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_cursor_down
    type: image
  - image: /local/stb_buttons/stb_play_pause.png
    style:
      left: 164px
      top: 590px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_play_pause
    type: image
  - image: /local/stb_buttons/stb_rewind.png
    style:
      left: 61px
      top: 590px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_rewind
    type: image
  - image: /local/stb_buttons/stb_forward.png
    style:
      left: 267px
      top: 590px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_forward
    type: image
  - image: /local/stb_buttons/stb_record.png
    style:
      left: 113px
      top: 645px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_record
    type: image
  - image: /local/stb_buttons/stb_stop.png
    style:
      left: 216px
      top: 645px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_stop
    type: image
  - image: /local/stb_buttons/stb_red.png
    style:
      left: 49px
      top: 710px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_red
    type: image
  - image: /local/stb_buttons/stb_green.png
    style:
      left: 126px
      top: 710px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_green
    type: image
  - image: /local/stb_buttons/stb_yellow.png
    style:
      left: 203px
      top: 710px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_yellow
    type: image
  - image: /local/stb_buttons/stb_blue.png
    style:
      left: 280px
      top: 710px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_blue
    type: image
  - image: /local/stb_buttons/stb_text.png
    style:
      left: 61px
      top: 765px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_text
    type: image
  - image: /local/stb_buttons/stb_info.png
    style:
      left: 164px
      top: 765px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_info
    type: image
  - image: /local/stb_buttons/stb_media.png
    style:
      left: 267px
      top: 765px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_media
    type: image
  - image: /local/stb_buttons/stb_ch_list.png
    style:
      left: 61px
      top: 820px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_channel_list
    type: image
  - image: /local/stb_buttons/stb_epg.png
    style:
      left: 164px
      top: 820px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_epg
    type: image
  - image: /local/images_tvremote/exit.png
    style:
      left: 267px
      top: 820px
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        entity_id: script.stb_exit
    type: image
image: /local/stb_buttons/background_white2.png
type: picture-elements

BTW: The IR hex codes for the Amino Settopbox are available. Just notify me you need these.

3 Likes

I’m still working on it but this the small remote that I have now.


It controls my samsung smart tv and a set-topbox using a broadlink rm mini 3.
The switch at the top shows the correct state of the tv using a sonoff pow that monitors the power usage. If it goes above a certain level, than the tv is on. Also when switching that switch on while it’s off it will turn the tv on using the broadlink.
Sound is handled by my Sonos Beam that switches to the tv sound automatically when the tv switches on.

7 Likes

Wow! Thank you to all who have shared these very inspiring projects. I just started using HA yesterday and am blown away from the functionality!

I’ve created a simple card that had on/off of my stereo with controls for mute, and volume up and volume down based on the commands available via the Harmony Hub profile. For example:

audioresearch_volume_down:
alias: Volume - AR
sequence:
- service: remote.send_command
data:
entity_id: remote.Living_Room_Hub
command:
- VolumeDown
device: “Audio Research Amp”

I’ve added the controls to a card and they work. The only thing I notice is that there is a substantial lag between button clicks and for volume up/down, the lag makes things not very usable. Obviously, using my Harmony remote, I don’t have this problem.

Is there a workaround for this? Maybe I’m not going about it the right way? I notice in my googling that there are many ways to accomplish the same task in HA.

Anyway, any help would be greatly appreciated!

Did you use a custom card or button to make this? It looks great! Can you share the config for this?