TV Remote Card

📺 Roku Lovelace Card editited by mar_robHD

Support

This card is for Lovelace on Home Assistant that display a TV remote.

NOTE: Firefox releases before 67 are not supported

https://twitter.com/_developit/status/1090364879377260544

Options

Name	Type	Requirement	Description
type	string	Required	custom:tv-card
entity	string	Required	media_player entity of Roku device
remote	string	Optional	remote entity of Roku device. Default assume named like entity
name	string	Optional	Card name
theme	string	Optional	Card theme
tv	boolean	Optional	If true shows volume and power buttons. Default false
power	service	Optional	service to call when power button pressed
volume_up	service	Optional	service to call when volume_up button pressed
volume_down	service	Optional	service to call when volume_down button pressed
back	service	Optional	service to call when back button pressed
info	service	Optional	service to call when info button pressed
home	service	Optional	service to call when home button pressed
up	service	Optional	service to call when up button pressed
left	service	Optional	service to call when left button pressed
select	service	Optional	service to call when select button pressed
right	service	Optional	service to call when right button pressed
down	service	Optional	service to call when down button pressed
reverse	service	Optional	service to call when reverse button pressed
play	service	Optional	service to call when play button pressed
forward	service	Optional	service to call when forward button pressed
source	service	Optional	service to call when source button pressed
channelup	service	Optional	service to call when channelup button pressed
channeldown	service	Optional	service to call when channeldown button pressed
volume_up	service	Optional	service to call when volume up button pressed
volume_down	service	Optional	service to call when volume down button pressed
volume_mute	service	Optional	service to call when volume mute button pressed

service Options

Name	Type	Requirement	Description
service	string	Required	Service to call
service_data	string	Optional	Service data to use

Installation

HACS:

Add this to your HACS settings tab:

https://github.com/marrobHD/tv-card

Step 1

Install tv-card by copying tv-card.js and tv-card-editor.js from this repo to <config directory>/www/tv-card.js on your Home Assistant instance.

Example:

wget https://raw.githubusercontent.com/marrobHD/tv-card/master/tv-card.js
wget https://raw.githubusercontent.com/marrobHD/tv-card/master/tv-card-editor.js
mv tv-card* /config/www/

Step 2

Link tv-card inside your ui-lovelace.yaml.

resources:
  - url: /local/tv-card.js?v=1
    type: module

Step 3

Add a custom element in your ui-lovelace.yaml

      - type: custom:tv-card
        entity: media_player.bedroom_tv
        name: Bedroom TV
        theme: darkpurple
        tv: true
        power:
          service: switch.turn_on
          service_data:
            entity_id: switch.bedroom_tv_power

Custom Updater:

Add this to your configuration.yaml

custom_updater:
  card_urls:
    - https://raw.githubusercontent.com/marrobHD/tv-card/master/tracker.json

Troubleshooting