Here is what I made for the Apple TV remote.
May look familiar @jimz011 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…
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…
That looks familiar indeed, well the repo will be updated within a few days. Stay tuned.
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.
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?
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.
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.
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.
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?