Android TV Remote Support

Optimize web application navigation for Android TV and Fire TV remote controls. Nativine embeds native Android TV Leanback SDK bridges, enabling D-pad directional focus navigation, spatial key navigation, and 10-foot living room UI rendering.

1. Overview & Native Capabilities

Deploying web applications to Smart TVs requires handling hardware D-pad remote controls. Nativine's Android TV Remote plugin translates physical D-pad direction keypresses into spatial web focus events:

• D-Pad Directional Key Handler: Translates DPAD_UP, DPAD_DOWN, DPAD_LEFT, DPAD_RIGHT, and DPAD_CENTER key events to DOM element focus states.
• Automatic Visual Focus Outlining: Highlight active interactive buttons and media cards with high-contrast TV focus glow borders.
• Leanback Launcher Banner: Package 320x180px Android TV launcher banner graphics required for Google Play TV store submission.

2. No-Code App Builder Setup Guide

Nativine App Builder Configuration

1. Open the Nativine App Builder at /web-to-app-converter-pro.
2. Click Add-ons & Plugins in the left builder menu and locate Android TV Remote Support.
3. Toggle Android TV Remote Support to ON (or click Enable), then click Config.
4. Configure your required settings, permissions descriptors, or target web parameters.
5. Click Save Config and navigate to the Builds tab to compile your mobile application.

3. Native JS Bridge API Reference

To listen for remote control keypresses or manage D-pad focus in JavaScript, call nativine.tvRemote.onKeyEvent():

nativine.tvRemote.onKeyEvent({
  callback: 'handleTvRemoteKey'
});

function handleTvRemoteKey(event) {
  console.log("TV Remote Key Pressed:", event.keyCode); // e.g. DPAD_CENTER, BACK, PLAY_PAUSE
}

Parameters

4. Frequently Asked Questions (Q&A)