Lovelace: Fire TV Remote Card

blank.png

firetv-remote-card.yaml

- type: picture-elements
  image: /local/img/firetv-remote.jpg
  elements:
    - type: image
      image: /local/img/blank.png
      title: Power
      tap_action:
        action: call-service
        service: media_player.toggle
        service_data:
          entity_id: media_player.fire_tv
      style:
        position: absolute
        border-radius: 50%
        left: 15.5%
        top: 4.2%
        width: 19.5%
        height: 6.7%
    - type: image
      image: /local/img/blank.png
      title: Center
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: OK
      style:
        position: absolute
        border-radius: 50%
        left: 49.4%
        top: 22.7%
        width: 55%
        height: 20%
    - type: image
      image: /local/img/blank.png
      title: Up
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: DirectionUp
      style:
        position: absolute
        border-radius: 50% 50% 0 0
        left: 49.4%
        top: 9.7%
        width: 58.4%
        height: 5.6%
    - type: image
      image: /local/img/blank.png
      title: Down
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: DirectionDown
      style:
        position: absolute
        border-radius: 0 0 50% 50%
        left: 49.4%
        top: 35.7%
        width: 58.4%
        height: 5.6%
    - type: image
      image: /local/img/blank.png
      title: Left
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: DirectionLeft
      style:
        position: absolute
        border-radius: 50% 0 0 50%
        left: 12%
        top: 22.75%
        width: 16%
        height: 20.2%
    - type: image
      image: /local/img/blank.png
      title: Right
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: DirectionRight
      style:
        position: absolute
        border-radius: 0 50% 50% 0
        left: 86.8%
        top: 22.75%
        width: 16%
        height: 20.2%
    - type: image
      image: /local/img/blank.png
      title: Back
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: Back
      style:
        position: absolute
        border-radius: 50%
        left: 15.7%
        top: 46.7%
        width: 25%
        height: 9%
    - type: image
      image: /local/img/blank.png
      title: Home
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: Home
      style:
        position: absolute
        border-radius: 50%
        left: 49.4%
        top: 46.7%
        width: 25%
        height: 9%
    - type: image
      image: /local/img/blank.png
      title: Menu
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: Menu
      style:
        position: absolute
        border-radius: 50%
        left: 83.2%
        top: 46.7%
        width: 25%
        height: 9%
    - type: image
      image: /local/img/blank.png
      title: Rewind / Skip Back
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: SkipBack
      hold_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: Rewind
      style:
        position: absolute
        border-radius: 50%
        left: 15.7%
        top: 58.5%
        width: 25%
        height: 9%
    - type: image
      image: /local/img/blank.png
      title: Play/Pause
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: Play
      style:
        position: absolute
        border-radius: 50%
        left: 49.4%
        top: 58.5%
        width: 25%
        height: 9%
    - type: image
      image: /local/img/blank.png
      title: Fast-Forward / Skip Forward
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: SkipForward
      hold_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Amazon Fire TV
          command: FastForward
      style:
        position: absolute
        border-radius: 50%
        left: 83.2%
        top: 58.5%
        width: 25%
        height: 9%
    - type: image
      image: /local/img/blank.png
      title: Mute
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Sony TV
          command: Mute
      style:
        position: absolute
        border-radius: 50%
        left: 49.4%
        top: 94.3%
        width: 25%
        height: 9%
    - type: image
      image: /local/img/blank.png
      title: Volume Up
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Sony TV
          command: VolumeUp
      hold_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Sony TV
          command: VolumeUp
          num_repeats: 5
      style:
        position: absolute
        border-radius: 50% 50% 0 0
        left: 49.4%
        top: 71.1%
        width: 25%
        height: 10.25%
    - type: image
      image: /local/img/blank.png
      title: Volume Down
      tap_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Sony TV
          command: VolumeDown
      hold_action:
        action: call-service
        service: remote.send_command
        service_data:
          entity_id: remote.harmony_hub
          device: Sony TV
          command: VolumeDown
          num_repeats: 5
      style:
        position: absolute
        border-radius: 0 0 50% 50%
        left: 49.4%
        top: 81.4%
        width: 25%
        height: 10.25%

firetv-remote.jpg