Lg Magic Remote Pc Mouse

| Posted on by



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

Compatible with LG TV with WebOS that uses: Magic Remote AN-MR500, AN-MR600, AN-MR650, AN-MR650A, AN-MR18A, AN-MR700 ENWShop Air Mouse includes built-in. Depending upon the model of your LG TV, the home screen may look different depending on the operating system platform. MAGIC remote controls have a trackball in its center and displays like a computer mouse's pointer on the TV screen. STANDARD remote controls. In this video we show you how to adjust the speed and size of the cursor that comes up on the screen when you're using the LG 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.

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.

Magic Remote For Lg Tv

Reference

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

Magic Remote Control

Lg new magic remote

Your LG Smart TV includes a Magic Remote Control that acts as both a cursor and a remote control and a Screen Remote that allows you to operate your Smart TV and the external devices connected to your Smart TV.

You can use the Magic Remote Control like a mouse to select and run content on your Smart TV. The Magic Remote Control also supports voice commands and gestures to allow you convenient access to various Smart TV functions.

Registering the Magic Remote Control

You must register the Magic Remote Control on your Smart TV when you use it for the first time. To register your Magic Remote Control using the Wheel (OK)button, perform the following steps:

  1. Turn on your Smart TV.

  2. Wait for 10 seconds while your Smart TV turns on.

  3. Aim the Magic Remote Control at the Smart TV, and then press the Wheel (OK)button. A message appears after the Magic Remote Control is registered.

    • If the Magic Remote Control does not register, turn your Smart TV off and on again and repeat the registration process.

If the Magic Remote Control is not functioning properly, initialize it and then re-register it. To use the Smart Home ()button and BACK ()button on the Magic Remote Control to re-register the Magic Remote Control, perform the following steps:

  1. Hold down the Smart Home()button and BACK ()button on the Magic Remote Control for 5 seconds to initialize the Magic Remote Control.

  2. Aim the Magic Remote Control at your Smart TV, and then press the Wheel (OK)button. A message appears after the Magic Remote Control is registered.

Aim the Magic Remote Control at your Smart TV, and then hold down the BACK ()button for 5 seconds to re-register the Magic Remote Control.

Configuring the Magic Remote Control Pointer

Lg Magic Remote Pc Mouse Driver

Smart Home () > Settings > OPTION > Pointer

To configure the speed, shape, and size of the Magic Remote Control pointer, perform the following steps:

  1. On the Magic Remote Control, press the Smart Home ()button to open the home screen of your Smart TV.

  2. On the home screen, select Settings.

  3. Select OPTION > Pointer to open the pointer settings window.

  4. Select the setting you wish to configure:

    • Speed: Sets the movement speed of the pointer.

    • Shape: Selects the shape of the pointer.

    • Size: Sets the size of the pointer.

    • Alignment: Enables or disables the alignment function of the pointer.

Lg Magic Remote Pc Mouse Download

The Alignment function repositions the pointer to the center of the screen when you shake the Magic Remote Control.