LG Tv WebOS Remote Control

Hello Maurizio and Piotr,

This has got to be one of the most awesome additions to HA although HA is already very cool.

I do have an issue and a feature request.

The Issue is that the button for my disneyplus doesn’t work any idea on how to fix that.
The feature request would be to be able to have a one button acces to the timer of the TV.

other than that truely awesome .

You can try this:

colors:
  buttons: 'rgba(55, 55, 55, 255)'
  background: black

I’m having some issues implementing this.

Through HACS the only frontend plugin i see available is " LG WebOS channel pad" which is different to the ‘LG WebOS Remote Control’ that the github readme says.

I installed the LG WebOS channel pad through HACS anyway, i then added;

resources:
- type: module
  url: /hacsfiles/LG-WebOS-Remote-Control/lg-remote-control.js

…into Configuration -> Lovelace Dashboards -> Resources tab

I can confirm i have a row with “/hacsfiles/LG-WebOS-Remote-Control/lg-remote-control.js” and “JavaScript Module” present.

However when i add this as a manual custom card:

type: 'custom:lg-remote-control'
entity: media_player.living_room_tv

I get an error:

Custom element doesn't exist: lg-remote-control.
type: 'custom:lg-remote-control'
entity: media_player.living_room_tv

Is there something going wrong with the naming of the components here? “lg-remote-control” versus “LG-WebOS-Remote-Control” versus “LG WebOS channel pad”.

Anyone able to give a bit of insight on where i might be going wrong.

TIA!

these two components are required for full operation of the remote control.
the first is the remote control, the second allows you to view a list of channels you have configured

Hi Maurizio,

Thanks for the pointers, i’ve just had another look at this.

I’ve now ensured that i have both the WebOS Remote Control and WebOS channel pad installed.

$ pwd
/root/config/custom_components
custom_components $ ls -l card-channel-pad/
total 144
-rw-r--r--    1 root     root        143516 Jan  1 20:59 card-channel-pad.js
custom_components $ ls -l LG-WebOS-Remote-Control/
total 488
-rw-r--r--    1 root     root        496597 Jan  1 20:50 lg-remote-control.js

Confirming that both of these are added to the Lovelace resources page:
Imgur

I copied some of your examples just to test the integration was working, i substituted my entity in for yours, but i’m getting “No card type configured”, along with the “custom element doesn’t exist”:

Imgur

Any betters ideas on where i’m going wrong?

Thanks!

Ok got a little bit further this time, i reinstalled both components through HACS, and noticed others mentioning browser_mod, so i installed that too.

Borrowing Sergei’s code (post 34) as his entity name is identical to mine, and i can now see a graphical representation of the remote, but i’m getting an error that’s preventing me to save it: “Error: No visual editor available for: custom:lg-remote-control”

Imgur

Any ideas what that error means?

Just to finalise, Sergei’s code had one too many quotes in the title, but also found out after doing some searches that preview rarely works on custom cards and to just stick the code in the raw lovelace config.

Just need to figure out why some buttons don’t work now.

Has anyone else had a problem with the Power button? Everything else on the controller works great, but I can’t get it to actually turn the TV off or on.

Edit:
Solution: Add the “wake_on_lan:” to the configuration.yaml file

# Enables "Wake on LAN" for WebOS TV
wake_on_lan: 

# LG WebOS TV Config
webostv:
  host: xxx.xxx.xxx.xxx
  name: Man Cave TV
  turn_on_action:
    service: wake_on_lan.send_magic_packet
    data:
      mac: xx:xx:xx:xx:xx:xx
1 Like

Same for me. Just installed it and power button is not working.

/edit: Just made it work: You need to enable a “turn on action” by using wake on lan (https://www.home-assistant.io/integrations/webostv/#turn-on-action)

I have a question… is this only me, or do you get the same “problem” when seeing the remote on my phone… the icons shift a bit to right… are note cantered :slight_smile:

I was getting this error with my Raspberry setup.
The strange solution was to rename the folder from “LG-WebOS-Remote-Control” to something lowercase like “lg-remote-control”.
After updating the resource url and a full restart, the remote suddenly appears on my dashboard.

Hello,

first let met tell you this remote looks very cool to me.
however I can’t get it to work.
I think I do something wrong
I get this error:
“Custom element doesn’t exist: lg-remote-control”
image
My resources look like this:


I copied the files using ssh.
But I think I don’t have them copied to the correct location.
the copy location is the one in the screenshot. Can someone help me out?

Edit:
I got some working.
Read something about HACS. so I installed and used that one.
then I found somthing about slashes


HACS installs everything with forward slashes, but the need to be replace with backward slashes.
Now I have the remote working

still need some work on the interface, but at least this part works

Would it be possible to add in Plex as a possible source? Excellent work on the remote.

YEs you can add plex. Edit the card and add this in your sources section:

  - icon: 'mdi:plex'
    name: Plex

Did this before and done it again.
Doesn’t work, the button does nothing.
Netflix, amazon, YouTube work.
I have a LG CX with the native apps.

I just tested it and it works for me. You have to use the name of the app as it appears on your TV.

You might have the plex source available in the state of your media_player.tv. I don’t, I think that’s my problem. What TV do you have?

Yes I do have it when I turn on the TV
My tv is : LG webOS TV UH668V

here is the details of my device once the tv is on

source_list: AV, Accessibility, All 4, Amazon Prime Video, BBC iPlayer, Component, Device Connector, HDMI1, HDMI2, ITV Hub, LG, LG Content Store, LiveTV, Multi-view, Music, My5, Notifications, Photo & Video, Plex, Recordings, Screen Share, Search, TV Guide, TV Scheduler, User Guide, Web Browser, YouTube
volume_level: 0.06
is_volume_muted: false
media_content_type: channel
media_title: Channel 5 HD
source: LiveTV
sound_output: tv_speaker
friendly_name: LG TV
entity_picture: /api/media_player_proxy/media_player.lg_tv_2?token=deleted
supported_features: 20413
device_class: tv

So strange, this is mine. Native Plex app is installed on the TV.

source_list:

  • Amazon Prime Video
  • Live TV
  • Netflix
  • YouTube
    volume_level: 0.15
    is_volume_muted: false
    media_content_type: channel
    media_title: ‘’
    source: Live TV
    sound_output: tv_speaker
    friendly_name: Living Room TV
    supported_features: 20413
    device_class: tv

Not sure what to say. Have you tried to delete and recreate your TV?