Coder Social home page Coder Social logo

iablon / homeassistant-touchpad-card Goto Github PK

View Code? Open in Web Editor NEW
17.0 1.0 2.0 587 KB

A card that simplifies TV interaction from HomeAssistant

JavaScript 100.00%
tv-remote homeassistant custom-cards touchpad trackpad remote tizen touchpad-remote

homeassistant-touchpad-card's Introduction

"Buy Me A Coffee" hacs_badge

Touchpad Card for Homeassistant for samsung tv

With this card you can control your samsung smart tv like with your normal physical remote.

Take a look:

remoteBell-modified

Features:

  • Functional touchpad;
  • Customizable doubleclick and hold actions(using ui-editor);
  • Haptic feedback;
  • Anything can be changed using the ui-editor;
  • Every icon can be changed trought the ui-editor;
  • Holding on volume or channel buttons will trigger the action repeatedly until stop holding;
  • Double click or hold action can be a script or a automation and can be selected using the editor;
  • The card will change the top icon to the current source image if available;
  • Double click on top part of the card to open more info dialog about the media player entity;

New features:

  • One card, multiple remotes;
  • Add/Remove/Move entities to the card;
  • Swipe on top part of card(name area) to switch to next entity;
  • The card can now work with the default homeassistant integration, thanks to the remote entity created by homeassistant;
  • Now you can change click action,and because of that you can now integrate tv's that dont work with service calls like remote.send_command || media_player.send_key, by creating scripts and setting them as click action in the card editor;

note

  1. Create a separate view for the card, and set it to panel mode(1 card) (VERY RECOMENDED)
  2. No need to write any yaml,all settings are available in the ui-editor(:sparkles:)

Editor sample view:

homeassistant-touchpad-card's People

Contributors

iablon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

homeassistant-touchpad-card's Issues

Request for help

Screenshot_20230526_084009_Home Assistant
Request for help. I know this is probably not the place I should write but I don't really know where to write. The card looks very impressive, I would love to use it, but my knowledge is still probably too small. I installed the Samsung Smart TV repository. I configured them with the TV's IP address, name and token generated as instructed. And the integration works I installed your add-on. In configuration, I selected an entity from Samsung Smart TV Integration, but I have information about setting up a custom component, and how do I configure it? Sorry for my english and please help me. I will just add that my TV is a Samsung series 7 and was produced after 2016 and it is Tizen

New Remote UI

Hi iablon, I wasn't sure how to contact you, so I opened up an issue to get your attention.

Before you released your Touchpad Card, I was looking for something very similar to work with the Samsung TV Smart Integration; I'm also using Ollo's fork. As there wasn't anything available, I made a remote UI myself with mushroom template cards as I still need to learn how to make full-blown integrations or custom cards. Thus, since I already went through the long process of testing, designing, etc, with my own remote UI. I hope sharing my code will help you with your custom touchpad card.

RemoteUI-YAML.txt

Does not show up on lovelace

Hi @iablon ,

Thanks for your work. I just installed and enabled Ollo's integration and then added the card from HACS Frontend. It looks like it installed properly, but I cannot find it in the list of cards in Lovelace when I click Add Card. I think I probably might be missing something.

Touchpad on iOS devices

The touchpad doesn't appear on my iPad in iOS companion app. And on my iPhone the touchpad area is very small.

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.