This sample app shows how to handle user inputs with the LG Magic Remote. For more information about LG Magic Remote, see Magic Remote.

Basic Magic Remote Control Behavior

The following list describes the basic processing principles for user inputs of LG Magic Remote.

• Selectable UI elements must be fully navigable by the screen cursor and 4-way navigation keys: Up, Down, Left, Right.

• A selection effect is mandatory to show what element is activated. The possible selection effects are animation, highlight, color, or size change, etc.

• One of the UI elements must be focused. This is a common mistake that developers make, so check the following:

  • When the cursor disappears from the screen by entering the navigation keys, the focus by the cursor must be changed to the focus by the navigation keys.

  • Contrary to the above, when the cursor is activated and is moving onto the UI element, the focus by the navigation keys must be changed to the focus by the cursor position.

• The page and list scroll can be appropriately controlled using the wheel of the Magic Remote.

The LG tv I bought from Best Buy is great. It is a 75 inch UN757070 series LED 4K smart tv. It had a standard remote in the box, but I saw that there was a magic remote for the LG tv and just had to have one. I tried looking on line to see if this tv was compatible with the magic remote, but I couldn't find anything that said it was compatible. ProCase Apple Magic Mouse Case Bag Organizer, Portable Hard Shell EVA Protective Carrying Pouch Travel Case for MacBook Magic Mouse 2 1 and Logitech Notebook Mouse -Black. 4.6 out of 5 stars 812. Get it as soon as Mon, Mar 22. FREE Shipping on orders over $25 shipped by Amazon. LG magic Remote from 2019 MU7600. Model an-mr19ba.

For more information about UI guidelines, see UX Checklist.

Adding Event Listeners

The mouseover event is fired when a pointing device (LG Magic Remote or mouse) is used to move the cursor onto an element or one of its child elements. To handle the mouseover event, add the event listener to the document element.

Download

Download the sample code and learn how to control UX with LG Magic Remote and navigation keys. You can download the sample code and its IPK files at the below link for free.

Depending on the version of the TV or emulator, the error that cannot load the script file of the external URL might occur. In this case, download the file and package it in the sample app as follows.

1. Download the spatial_navigation.js file provided by the js-spatial-navigation repository of GitHub and put it in the src directory of the sample app.

2. Modify the code in the index.html file as follows.

3. Repackage the sample app using the ares-package command of the CLI.

Result in the webOS TV

You can install the sample app and see the sample app result in the webOS TV emulator as below image.

Do's and Don'ts

• Do test this sample app on your webOS TV emulator and real webOS TV.

Reference

To move focus between UI elements by 4-way navigation keys, spatial navigation is used.

The Magic Remote

Answers

• @LG_JD, Wanted to check everything was working correctly?
• Contrary to what the LG chat agents will tell you it works for me but you may need to sideload an app called Mouse Toggle on your Fire TV stick. If it stops working reboot your FireTV but otherwise it works just like an Amazon remote except for the home button and the one with the horizontal bars to the right of it. Also you may need to hit the back button when you first switch to that input if the remote tries to control the TV instead.
• I used the method suggested by this fellow on YouTube. He's obviously doing it on an Android tv. But I am able to use the technique for lg webOS 3.0 and magic remote.
  
  I did the firetv stick setup as shown in the video. When doing the magic remote setup, I followed the steps as listed below.
  . Press the STB menu button on the magic remote. This will ask for you to setup the universal remote, select the Yes option.
  . The next page will be the Device Connector menu. Here click on 'show all devices'.
  Now I saw 10 options, instead of the previous 4. I selected the last option here - 'Other Box'.
  Now you'd be asked to make the selection of the TV port your device is connected to. Mine is on HDMI 3. I simply selected the 'Done' button after that and I am now able to use the magic remote to control my fireTV dongle.
• My lg tv remote lost and my button is broken home can I connect
• November 24, 2019, 7:29 amedited November 2019

  i have tried to get this to work (LG C9 and my Fire TV Stick 4K) and have not been able to. Everything else works with the LG Magic remote (Apple TV, Oppo Blu Ray player and even my Sony Soundbar. Anyone else get the Fire TV Stick 4K to work with their LG remote?
• I just picked up a lg sm8600 49' and can't get magic remote to work with fire tv box 1rst edition please help amazon or fire tv is not listed in set-top box select.
• i was able to get it to work for a few minutes and then it just stopped working for no apparent reason.
• Zdenek: My experience in using the Magic Remote with my Fire Stick 4k is exactly as you describe:
  - Sometimes I have to hit the back button to witch to controlling the Firestick instead of the TV
  - Sometimes that doesn't work and I have to reboot the Firestick.
  It's nice that the remote works at all, but annoying that it's not reliable and frustrating that LG doesn't seem to fix issues like this.
  I haven't installed Mouse Toggle.
  
• I used the following link and did the instructions from MC44: https://www.amazonforum.com/s/question/0D54P00006zT0I7SAK/pair-lg-oled-tv-remote-with-fire-tv. Now works.
• SS2020: Please post back if this works consistently for you over a week or so. I still haven't been able to figure out why mine requires a reboot of the FireTV Stick 4k from time to time, but it happens enough that it's not acceptable.
  Rather than have my family go through the hassle of forcing the Fire TV Stick to power cycle when it stops working, I now just have it get power from one of the TV's USB ports and, as a result, it power cycles every time the TV is turned on. That adds a small start-up delay, but we find that to be better than the erratic disfunction that we were experiencing otherwise.
  Notably, we don't have this frustration with any other devices that we control via the Magic Remote and CEC. (Our first-generation Chromecast, for example, always seems to work with no need to power cycle it.)

• @SS2020 which magic remote do you have? I have the AN-MR19BA and it's not working. I set the device connector up as 'game console' and 'other box' and it doesn't work. Is yours still working?

Lg Magic Mouse

Hello, Stranger!
It looks like you've been lurking around for a while.
If you register, we will remember what you have read and notify you about new comments. You will also be able to participate in discussions.
So if you'd like to get involved, register for an account, it'll only take you a minute!