Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 15 Next »


This manual contains information on how to use Tata Elxsi Accelerator UI, which is an user interface for Video Accelerator devices.


  1. Live Video Playback
  2. Playback Controls
  3. Home screen UI with following options:

    1. Recommended Videos
    2. Premium Apps (YouTube, Amazon, Netflix)
    3. Metrological Apps

  4. Video on Demand (VOD)

  5. Bluetooth Settings

  6. Volume Control

Set Up  

This section provides details on how the user can launch Tata Elxsi Accelerator UI by choosing either of the following 3 options:

  1. Launch the pre-deployed Lightning UI on accelerator
  2. Configure pre-deployed Accelerator UI as the default UI on STB boot up
  3. Build the Lightning UI locally and launch on accelerator device  

Launch the pre-deployed Lightning UI on accelerator 

  1. Pre-deployed url is available at
  2. Navigate to Thunder Controller UI (by giving IP address of device on browser)
  3. Navigate to UX tab
  4. Enter deployed url ( in custom URL field and click ‘SET’.
  5. The accelerator UI will get loaded on UX (web kit browser instance)

(Above figure shows the setting URL in the UX)  

Configure the pre-deployed Accelerator UI as the default UI on STB boot up 

Point RDK splash screen to the deployed URL of Accelerator Application. On boot up, Accelerator app will be launched immediately after displaying RDK Splash screen (Default video will be played on launching the Accelerator App)

Build the Accelerator UI and launch on accelerator 

How to build Accelerator UI code

  1. Pre-requisites:

Installation of Node.js 10.x, npm and Lightning-CLI (reference)

2. Clone the Accelerator-UI project

git clone

3. Navigate to the project location in terminal

4. Run:  npm install

It downloads all the dependent packages.

5. lng build :  will create a standalone bundle that you can run in the browser.

6. lng serve :  will start a local webserver and run the App.

 The port information of the server will be shown in the terminal.

7. lng dev :  will build the App and start the webserver.

 Besides it watches for the changes while running the App.

Application will be up and running locally on local host (

How to bring Accelerator UI on STB bootup

Follow steps mentioned in Launch the pre-deployed Lightning UI on accelerator to launch the locally deployed application (http://<IPaddress>:8080) on your Accelerator device.x

Follow steps mentioned in Configure the pre-deployed Accelerator UI as the default UI to configure your locally deployed application (http://<IPaddress>:8080) as the default UI on STB boot up

Keys Used for Navigation

Buttons used in RemoteKeys used in Keyboard



Up Arrow

Up Arrow

Down Arrow

Down Arrow

Right Arrow

Right Arrow

Left Arrow

Left Arrow



Volume Up


Volume Down




Functional Specification

User Management

Live playback

Live video playback will be running by default on the screen.  Dash, HLS and MP4 format of videos are supported by the media player.

(The above figure shows an instance of video playback before the user launches the UI.)

Playback Controls

(The above figure shows the player control UI)

On pressing ‘Down Arrow’ key, Player control UI will be displayed. It has two rows of controls.

Following keys are used for navigation in Player control UI


To navigate between rows 


To navigate between Player options


To select Player controls

Top row has following functionalities

Player controls


Previous button

To go to previous channel

Rewind button

To reduce the fast-forwarded streaming speed

Play - Pause button

To play and pause the video

Forward button

To fasten the streaming speed more than that of the actual speed

Next button

To go to next channel

Bottom row has following functionalities

Recording option

To be Implemented


To be Implemented

Closed captions

To be Implemented


To be Implemented

Channel Information

Along with the Player control UI, channel name and channel logo also appear on top of the screen.

(The above figure shows the Network info appearing on the screen )

(The above figure shows an example of the Channel Info)

Network Information

Network information also appears along with the Player control UI. Time, Wi-Fi, Bluetooth and weather information should appear on top right corner of the screen (functionality- to be implemented)

(The above figure shows the Network info appearing on the screen )

  • No labels