Giter VIP home page Giter VIP logo

rotel-card's Introduction

Rotel Remote Card

🔊 Rotel Lovelace Card editited by mar_robHD

GitHub Release License

Project Maintenance GitHub Activity hacs_badge Discord Community Forum

Twitter Github

Support

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

NOTE: Firefox releases before 67 are not supported

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

ex

Options

Name Type Requirement Description
type string Required custom:rotel-card
entity string Required random entity
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
power-off service Optional service to call when power-off button pressed
sinput-tv 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
sinput-bluray service Optional service to call when bluray button pressed
sinput-phono service Optional service to call when phono button pressed
sinput-cd service Optional service to call when cd 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/rotel-card

example

Step 1

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

Example:

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

Step 2

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

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

Step 3

Add a custom element in your ui-lovelace.yaml

Configuration for Rotel RSX-1562:

type: 'custom:rotel-card'
name: Rotel
entity: sun.sun
down:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABJpQRORE4ERQRExITERQRFBE4ERQROBITERQROBE4EhMRFBEUERMSExE4EjgRFBE4ERQROBE5ETgRFBETEjgRFBE4EQANBQ==
left:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABJZUROBI4ERMSExEUERQRExI4ERQROBEUERMSOBE4ERQRFBETEhMSNxI4ETgSExEUERMSOBE4EhQRExETEjgROBI4EQANBQ==
power:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBQAAABJZUQORI3ExIRFQ8VEBQRFRE3ERURExAWDxUROBAUEhMRFBAUERUQFQ86EDkQFREUEDgROhA6EDkQFBAVEDkRORAUEgAFuQABJ0oQAA0FAAAAAAAAAAA=
power-off:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBQAAABJpUROBI3EhMSExAVERMRFBI3ExIRFBEUERMSOBETERUQFRETERMRFBITERQRExEUETgRORE4EjgSNxQ2ETgSNxEUEQAFuQABJksSAA0FAAAAAAAAAAA=
remote: input_select.tv_input
right:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABJZURORE4ERQRFBAUERQRFBE4ERQROBITERQROBE5ERMSExE4EhMROBI3EhQRFBE4ERQRExI4ERQRExE5ETgRFBE4EQANBQ==
select:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABJZURORE4ERQRFBAUERQRFBE4ERQROBITERQROBE5ERMSExEUETgRORE4ETgSExEUERQROBEUERQRExEUETgSOBE4EQANBQ==
sinput-bluray:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABKZEWNBE4ERQWDxETEhMWDxE4ERQVEBQQEhMVNRUPERQWDxE4FjQROBEUERMSExUQERQUEBUQERQWMxU1ETgROBU1EgANBQ==
sinput-cd:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABJZUROBI4ERMVEBQRERMSExI4FBASExEUERQUNREUFBASExU1FBASExEUERMSExUQERQRExQ2ETgUNhE4FDYROBE4FQANBQ==
sinput-phono:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABKZERORE4ERQRExUQERQVEBE4FBERExUQFRAROBITFRARExQRFRARFBE4FRAUEBITERQROBE5FDUVEBE4EjgROBU0FQANBQ==
sinput-tv:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABJZUSOBM2ERQSExAVERMQFRE5EBQSEhEUEhMSNxEUERQSExE4ERQSEhI4ERMSFBAUERQRExI4EzYRFBI3EjgRORA5EgANBQ==
tv: false
up:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABJZURORE4ERQRFBAUERQRFBE4ERQROBEUERQROBE5ERMSExE4EjgROBITETgSExE5ERMSExEUERMSOBETEjgRFBE4EQANBQ==
volume_down:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABJpQSOBE4EhMRFBAUEhMRFBE4EhMRFBETEhMROBITERQRFBE4ETgTNxEUETgRFBEUERMSExEUERMSOBEUETgROBI4EQANBQ==
volume_mute:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABJZUSNxI4ERMSExEUERQRExI4ERQRExEUERQROBEUEhMRExITERQRExI4ETgSExITERQROBE4EjgRFBETEjgROBE5EQANBQ==
volume_up:
  service: broadlink.send
  service_data:
    host: 192.168.1.53
    packet: >-
      JgBIAAABJpQSOBE4EhMRFBETEhMRFBE4EhMSExETEhMRORETERQRFBEUETgROBEUETkRExITERQROBEUERQROBEUETgROBI4EQANBQ==

Example 1:

You can use the card in combination with the browser mod integration. That means that you can create a ex. input_boolean which opens when you click on its icon:

type: entities
entities:
  - entity: switch.receiver
    icon: 'mdi:surround-sound'
    name: Receiver
    tap_action:
      action: fire-dom-event
      browser_mod:
        command: popup
        style:
          border-radius: 20px
          '--ha-card-border-radius': 0px
        title: Rotel RSX-1562 Fernbedienung
        card:
          type: 'custom:rotel-card'
          entity: sun.sun
          down:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABJpQRORE4ERQRExITERQRFBE4ERQROBITERQROBE4EhMRFBEUERMSExE4EjgRFBE4ERQROBE5ETgRFBETEjgRFBE4EQANBQ==
          left:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABJZUROBI4ERMSExEUERQRExI4ERQROBEUERMSOBE4ERQRFBETEhMSNxI4ETgSExEUERMSOBE4EhQRExETEjgROBI4EQANBQ==
          power:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBQAAABJZUQORI3ExIRFQ8VEBQRFRE3ERURExAWDxUROBAUEhMRFBAUERUQFQ86EDkQFREUEDgROhA6EDkQFBAVEDkRORAUEgAFuQABJ0oQAA0FAAAAAAAAAAA=
          power-off:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBQAAABJpUROBI3EhMSExAVERMRFBI3ExIRFBEUERMSOBETERUQFRETERMRFBITERQRExEUETgRORE4EjgSNxQ2ETgSNxEUEQAFuQABJksSAA0FAAAAAAAAAAA=
          remote: input_select.tv_input
          right:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABJZURORE4ERQRFBAUERQRFBE4ERQROBITERQROBE5ERMSExE4EhMROBI3EhQRFBE4ERQRExI4ERQRExE5ETgRFBE4EQANBQ==
          select:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABJZURORE4ERQRFBAUERQRFBE4ERQROBITERQROBE5ERMSExEUETgRORE4ETgSExEUERQROBEUERQRExEUETgSOBE4EQANBQ==
          sinput-bluray:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABKZEWNBE4ERQWDxETEhMWDxE4ERQVEBQQEhMVNRUPERQWDxE4FjQROBEUERMSExUQERQUEBUQERQWMxU1ETgROBU1EgANBQ==
          sinput-cd:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABJZUROBI4ERMVEBQRERMSExI4FBASExEUERQUNREUFBASExU1FBASExEUERMSExUQERQRExQ2ETgUNhE4FDYROBE4FQANBQ==
          sinput-phono:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABKZERORE4ERQRExUQERQVEBE4FBERExUQFRAROBITFRARExQRFRARFBE4FRAUEBITERQROBE5FDUVEBE4EjgROBU0FQANBQ==
          sinput-tv:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABJZUSOBM2ERQSExAVERMQFRE5EBQSEhEUEhMSNxEUERQSExE4ERQSEhI4ERMSFBAUERQRExI4EzYRFBI3EjgRORA5EgANBQ==
          tv: false
          up:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABJZURORE4ERQRFBAUERQRFBE4ERQROBEUERQROBE5ERMSExE4EjgROBITETgSExE5ERMSExEUERMSOBETEjgRFBE4EQANBQ==
          volume_down:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABJpQSOBE4EhMRFBAUEhMRFBE4EhMRFBETEhMROBITERQRFBE4ETgTNxEUETgRFBEUERMSExEUERMSOBEUETgROBI4EQANBQ==
          volume_mute:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABJZUSNxI4ERMSExEUERQRExI4ERQRExEUERQROBEUEhMRExITERQRExI4ETgSExITERQROBE4EjgRFBETEjgROBE5EQANBQ==
          volume_up:
            service: broadlink.send
            service_data:
              host: 192.168.1.53
              packet: >-
                JgBIAAABJpQSOBE4EhMRFBETEhMRFBE4EhMSExETEhMRORETERQRFBEUETgROBEUETkRExITERQROBEUERQROBEUETgROBI4EQANBQ==

Custom Updater:

Add this to your configuration.yaml

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

Troubleshooting

rotel-card's People

Stargazers

avatar avatar avatar avatar avatar

Watchers

avatar

Forkers

jdmar3

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.