LG WebOS TV Remote with custom styles

[el]

I created an LG remote using the Fire TV remote as a base and with custom styles

here is the yaml if you need it

type: custom:firemote-card
entity: none
device_family: none
device_type: other
compatibility_mode: default
defaultRemoteStyle_override: AFJTV
hide_button_group_frame: true
skin: '#474747'
useCustomSkin: false
dpad_style: minimal
visible_name_text: ''
name_position: hidden
button_overrides:
  power-button:
    script: toggle_lg_tv
  volume-up-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: VOLUMEUP
  volume-down-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: VOLUMEDOWN
  left-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: LEFT
  right-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: RIGHT
  down-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: DOWN
  up-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: UP
  home-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: HOME
  hamburger-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: MENU
  back-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: BACK
  center-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: ENTER
  tv-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: DASH
  info-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: INFO
  mute-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: MUTE
  red-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: RED
  green-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: GREEN
  blue-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: BLUE
  yellow-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: YELLOW
  channel-up-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: CHANNELUP
  channel-down-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: CHANNELDOWN
  rewind-button:
    service: media_player.media_previous_track
    target:
      entity_id: media_player.lg_oled_tv
    data: {}
  playpause-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: PLAY
  fastforward-button:
    service: media_player.media_next_track
    target:
      entity_id: media_player.lg_oled_tv
    data: {}
  keyboard-button:
    hidden: true
  netflix-button:
    hidden: true
  prime-video-button:
    hidden: true
  disney-plus-button:
    hidden: true
  freeview-play-button:
    hidden: true
custom_launchers:
  - friendly_name: iw
    background: '#333'
    icon: mdi:television-guide
    service: media_player.select_source
    target:
      entity_id: media_player.lg_oled_tv
    data:
      source: Home Hub
  - friendly_name: tv
    background: '#333'
    icon: mdi:television
    service: media_player.select_source
    target:
      entity_id: media_player.lg_oled_tv
    data:
      source: Live TV
  - friendly_name: atv
    icon: mdi:apple
    background: '#333'
    service: media_player.select_source
    target:
      entity_id: media_player.lg_oled_tv
    data:
      source: Apple TV 4K
  - friendly_name: go
    background: '#333'
    icon: mdi:google-chrome
    service: media_player.select_source
    target:
      entity_id: media_player.lg_oled_tv
    data:
      source: Google OTT
app_launch_1: customlauncher atv
app_launch_2: customlauncher go
app_launch_3: customlauncher iw
app_launch_4: customlauncher tv
scale: '86'
card_mod:
  style: |
    .jvcbrandlogo > svg,
    .digit-pad-button {
      display: none !important;
    }
    .jvcbrandlogo:after {
      display: block;
      content: " ";
      height: 25px;
      width: 100%;
      opacity: 0.7;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjc1IiB2ZXJzaW9uPSIxLjEiPgogPHBhdGggZD0ibTUyMy43NiAxNTYuNDVoMzEuMDcxdjI4LjkwM2MtNS43MDIxIDIuMTc0NS0xNi44OTQgNC4zNDk4LTI3LjUwNCA0LjM0OTgtMzQuMzY4IDAtNDUuNzk3LTE3LjQ0Ni00NS43OTctNTIuODc0IDAtMzMuODExIDEwLjg4MS01My43MDggNDUuMjE2LTUzLjcwOCAxOS4xMzUgMCAyOS45OTEgNi4wMDQgMzguOTkgMTcuNDUzbDIzLjc0MS0yMS44MTFjLTE0LjQ5Ny0yMC42NzItMzkuOC0yNi45MzctNjMuNTU3LTI2LjkzNy01My40MTMtMC4wMjEyNy04MS40OTggMjkuMTEzLTgxLjQ5OCA4NC43MjEgMCA1NS4zMzIgMjUuMzc3IDg1LjMyNyA4MS4yMTIgODUuMzI3IDI1LjYzOSAwIDUwLjY5Ny02LjUyNTkgNjQuMzQzLTE2LjA5di04MC4xMzhoLTY2LjIxNnptLTE2Mi45OCAzMC44MDRoNzkuMDcxdjMyLjE2NmgtMTE3LjIzdi0xNjUuMTdoMzguMTYyeiIgZmlsbD0iI2ZmZmQiLz4KIDxwYXRoIGQ9Im05OC45NzEgMTEyLjZjMi45MTI0LTAuMDEzOSA1Ljc1NTMtMC44OTA5IDguMTcwMy0yLjUxOTcgMi40MTQyLTEuNjI4IDQuMjkyNS0zLjkzNSA1LjM5NjktNi42Mjk4IDEuMTA1Mi0yLjY5NDggMS4zODY3LTUuNjU3MSAwLjgwOTkxLTguNTExNC0wLjU3NzU3LTIuODU1MS0xLjk4NzEtNS40NzQ3LTQuMDUxMi03LjUyODktMi4wNjQ5LTIuMDU0Mi00LjY5MTgtMy40NTE1LTcuNTQ5My00LjAxNDQtMi44NTY4LTAuNTYyODUtNS44MTc0LTAuMjY2Ny04LjUwNjUgMC44NTA4MS0yLjY4OTkgMS4xMTgzLTQuOTg3OSAzLjAwNzMtNi42MDQ0IDUuNDMwNS0xLjYxNjUgMi40MjI0LTIuNDc4OCA1LjI2OTMtMi40Nzg4IDguMTgxNyAwLjAwNDEgMS45NDA1IDAuMzkxMDUgMy44NjE0IDEuMTM4IDUuNjUyMiAwLjc0NzczIDEuNzkxNiAxLjgzOTkgMy40MTggMy4yMTUxIDQuNzg2NiAxLjM3NiAxLjM2ODcgMy4wMDgxIDIuNDUzNCA0LjgwMjIgMy4xOTE0IDEuNzk0OSAwLjczODczIDMuNzE3NCAxLjExNTkgNS42NTc5IDEuMTExem0xMzUuMSAyOC45NmgtNjQuOTU1di05LjYyMTZoNzQuNDc1YzAuMTAxNDUgMS44NjM2IDAuMTUyMTcgMy43MjY0IDAuMTUyMTcgNS42MTIxIDAgNTcuOTM2LTQ3LjIxOCAxMDQuOS0xMDUuNDUgMTA0LjktNTguMjM0IDAtMTA1LjQ2LTQ2LjkzNS0xMDUuNDYtMTA0LjkgMC01Ny45NiA0Ny4yMTEtMTA0LjkgMTA1LjQ1LTEwNC45IDEuNTM3MiAwIDMuMDY3IDAuMDMxMDkgNC41ODk1IDAuMDk0MDh2OS41NDk2Yy0xLjUyMjUtMC4wNjc5LTMuMDQ3NC0wLjEwMTQ0LTQuNTc1Ni0wLjEwMTQ0LTUyLjkzMSAwLTk1Ljg1NiA0Mi42OTQtOTUuODU2IDk1LjM0OCAwIDUyLjY1NSA0Mi45MTkgOTUuMzU3IDk1Ljg1NiA5NS4zNTcgNTEuNDgyIDAgOTMuNTQtNDAuMzk1IDk1Ljc2Ni05MS4wN3ptLTY1LjEwMyA0MC4wODVoLTI2LjEwNHYtOTguMDczaC05LjY1MXYxMDcuNzZoOS42NzMxdi0wLjA2NDZoMjYuMTA0eiIgZmlsbD0iI2ZmZmQiIHN0eWxlPSImIzEwOyIvPgo8L3N2Zz4=")
    }

toggle_lg_tv script:

alias: toggle_lg_tv
sequence:
  - if:
      - condition: device
        device_id: ######
        domain: media_player
        entity_id: ######
        type: is_off
    then:
      - data:
          broadcast_port: 9
          mac: ##:##:##:##:##:##
        action: wake_on_lan.send_magic_packet
    else:
      - target:
          entity_id: media_player.lg_oled_tv
        data: {}
        action: media_player.turn_off
description: ""
icon: mdi:television-off

[PRProd]

Wow @el ! Fantastic work! On top of that, I'm honored to have someone who works at Google as a Firemote card user.

I dont suppose there is any chance that you might have access to Google TV devices from #41 (or other devices) that could be loaned to me from your employer, is there?

[el]

@PRProd Ahh, sorry I work at Search ^_^ so I dont have access to hardwares :/

[PRProd]

@el bummer... it was worth a try. 😄

[PRProd]

@el - I know you said you don't have access, but do you have contacts? I just pre-ordered the Google TV Streamer (4K) today, but it sure would be awesome if Firemote already supported it on the day it's released!

Is there a developer program for people like me, or reviewers, or... ?? Do you know of anything or anyone?

[el]

Hey, I asked to someone from the hardware team, will let you know if I hear back. But personally, I am not aware of such a program.

[PRProd]

Thanks @el! You're great!

[reinuke]

This is exactly what I needed but I'm too dumb to write it myself xD

[wgumaa]

Thanks for this, it looks great. i copied the code and tried it is working to a certain extent.

The main issue i encounter is the power button.

I have the wake on lan enabled and in my configuration.yaml

`wake_on_lan:

• alias: "Turn On Living Room TV with WakeOnLan"
  trigger:
  • platform: webostv.turn_on
    entity_id: media_player.lg_webos_smart_tv
    action:
  • service: wake_on_lan.send_magic_packet
    data:
    mac: XXXXXXXX`

However when i use the power button on the remote I get the message: "Action androidtv.adb_command not found"

I can't find anything in the code to change? Any help with this would be appreciated.

[PRProd]

@wgumaa ~

Did you specify a Firemote button override for the power-button?

Also, there was a button override bug introduced in Firemote version 4.0.0 that I just patched in Firemote v4.0.2 - Please download the newest Firemote card version and try again.

[wgumaa]

Thanks @PRProd,

I will have a look at the overrides and see what i can do there,

[wgumaa]

@PRProd Thanks once again for your suggestion of the power button override. I created a conditional script that checked the state of the TV and sent a WOL package if the state was off. If the state is on then it sent a turn off media command.

Used the power override and works as intended! Thanks!

[PRProd]

That's great news, @wgumaa! 🎉

[Dhtjf]

Thank all of you for this. For the aid of anyone else, here's what I did for the power button.

Firemote config:

power-button:
  service: script.turn_on
  target:
    entity_id: script.kitchen_lg_power_script

Script content:

alias: Kitchen LG Power Script
sequence:
  - choose:
      - conditions:
          - condition: not
            conditions:
              - condition: state
                entity_id: media_player.kitchen_tv
                state: "off"
        sequence:
          - action: media_player.turn_off
            metadata: {}
            data: {}
            target:
              entity_id: media_player.kitchen_tv
    default:
      - action: automation.trigger
        metadata: {}
        target:
          entity_id: automation.lg_webos_smart_tv_turn_on_action_kitchen
        data:
          skip_condition: true

The turn on action automation is based on Wake on Lan:
https://www.home-assistant.io/integrations/webostv/#turn-on-action
This blueprint covers the automation:
https://community.home-assistant.io/t/lg-webos-smart-tv-enable-turn-on-action-for-ha-2022-2/

[xtrmenl]

just a few additions as HA doesnt accept the script

add this to your configuration.yaml
wake_on_lan: # enables wake_on_lan integration

above code is to be put in script (/config/script/dashboard)

and this is the automation in yaml mode

alias: toggle_lg_tv
description: ""
triggers: []
conditions: []
actions:
  - if:
      - condition: state
        entity_id: media_player.**tv_wk**
        state: "off"
    then:
      - action: wake_on_lan.send_magic_packet
        metadata: {}
        data:
          broadcast_port: 9
          mac: **AC:F1:08:xx:xx:xx**
          broadcast_address: **192.xxx.xxx.xxx**
    else:
      - action: media_player.turn_off
        metadata: {}
        data: {}
        target:
          device_id: **xxxxxx**
mode: single

change mac address broadcast is the ip of the tv
device id is in the url in the lg integration
bolt's should be changed "** **"