Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents
maxLevel3

Introduction

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

Features

  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:

...

Using pre-deployed url (option 1) is the easiest way, but NOT the recommended way as DEV version is deployed which undergo continuous development. Preferred option is to setup a build locally from Github code - Option 3

Option-1: Launch the pre-deployed Lightning UI on accelerator 

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

...

(Above figure shows setting URL in the UX)  

Anchor
Configure
Configure

Option-2: 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)

Option-3: Build the Accelerator UI and launch on accelerator 

How to build Accelerator UI code

  1. Pre-requisites:

1.1) Installation of Node.js and npm. 

...

 eg: http://127.0.0.1:8080 and http://<host_ip>:8080

How to bring up Accelerator UI 

As mentioned in Launch the pre-deployed Lightning UI on accelerator section, Launch Thunder Controller UI in your web browser by giving IP address of the device.

...

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

Home

Backspace

Up Arrow

Up Arrow

Down Arrow

Down Arrow

Right Arrow

Right Arrow

Left Arrow

Left Arrow

OK

Enter

Volume Up

-

Volume Down

-

Mute

-

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)

...

Recording option

To be Implemented

Settings

To be Implemented

Closed captions

To be Implemented

Info

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 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 )

Accelerator UI

On pressing ‘Home’ key from the live playback (or Backspace from keyboard), the Accelerator UI will get launched. Exiting from the UI at any stage is also done in the similar fashion by pressing ‘Home/Backspace’ key.

...

(The above figure shows the launched Accelerator UI on the screen)

Home Screen

In the Accelerator UI that has launched, the user will be in Home screen by default.   On Pressing ‘Enter’ key from the home menu on Sidebar, the focus will be on Recommended for you.  Underneath Recommended for you, there are rows corresponding to Premium Apps and Metrological Apps. The user can navigate into various rows using Up- ‘Down Arrow’ keys.                                                             

Premium Apps

In the second row there is Premium Apps, in which three Apps are supported. The user can launch YouTube, Amazon and Netflix in supported platforms by pressing ‘OK /Enter’ key from the tiles.

...

  1. Open '.env' file in the application folder - AcceleratorUI (might need 'ls -la' since it is a dot file)
  2. To enable an app, set corresponding variable in .env file to 'true'.\ Eg: To enable Netflix, set 'APP_NETFLIX=true'.\
  3. Save the changes, rebuild (lng build) and relaunch (lng serve) the application
  4. Enabled app will be available under 'Homescreen -> Premium Apps' section.

Metrological Apps

Launching of all Applications in the third row is achieved by pressing ‘OK/Enter’ key from the tiles in Metrological Apps

Side Menu

On launching the Home screen, Side bar would be visible on the left-hand side of the screen which comprises of menu items like Home, TV guide, App, VOD and Settings. By pressing ‘Left Arrow’ key from Home screen, the Side Menu will expand.

...

‘Up’ and ‘Down Arrow’ keys

To navigate into each side menu item.

‘Enter/OK’ key

To navigate into corresponding screens of the selected menu item.

‘Left Arrow’ key

To bring focus on sidebar or to navigate back into sidebar from any launched screen.

Shrink view

(The above figure shows the Side Menu on launching the Home screen )

Expanded view

(The above figure shows the expanded Side Menu on pressing ‘Left Arrow’ key)

Info bar

 Information like Bluetooth & Wi-Fi connectivity, weather information and time are displayed in Info bar seen on the top right corner of the Home screen. InfoBar appears along with the launching of Player controls UI. This information status toggles with the logo, and once in every 2 mins logo is shown


TV Guide [To be Implemented]

For navigating into TV guide, press ‘Enter’ key from the TV guide menu on Sidebar and thus the TV guide UI appears.

Video on Demand

Navigate Down through the Side bar menu and press ‘Enter’ key on VOD and the VOD screen appears. On the top of the screen, the list of categories of videos will be available. Among them FOR YOU category will be highlighted.

...

While navigating through VOD tiles, the description box showing the description about the video along with its   ratings and quality will appear at the bottom of each tile as shown in the figure. The cost of each video will be visible while that particular tile is on highlight but the purchase options are not yet implemented.

Settings

Navigate down through Sidebar menu and press ‘Enter’ key on settings menu to get settings window. Settings window comprise of General Settings, Bluetooth Remote & Devices, Network Interfaces and Parental Controls.

...

General Settings will be in highlight by default. Using ‘Left Arrow’ and ‘Right Arrow’ keys, the navigation through each settings tile can be achieved.

Bluetooth Settings

Press ‘Enter’ key on ‘Bluetooth Remote and Devices’ to go to submenu related to Bluetooth settings.

...

On Pressing ‘Enter’ key from ‘Pair and Connect’, the user can connect the device and gets navigated into ‘Discover window’ in which the connection status will be updated as ‘Ready’. On Pressing ‘Enter’ key from ‘Disconnect’, the user can disconnect the selected device.

Volume Control

(The above figure shows volume control UI )

...

(The above figure shows the volume control UI when in mute)

Features not supported

Following features are not yet implemented in this release 

...

  • Settings : Settings options excluding Bluetooth settings
  • Bluetooth Settings - 'Other devices' not supported

Known Issues/ Deviations

  1. In Bluetooth Pairing, connected devices will remain as ‘Ready’, even after disconnect operation
  2. Paired devices are not shown in the Bluetooth screen when we relaunch the app or reboot the box.
  3. Channel next and previous button working is not cyclic/incremental. Now each of the button is mapped to a particular video.
  4. After a VOD playback is exited, the focus wont be on the corresponding tile, but on the category tile.
  5. Sometimes, VOD tiles overlaps over ‘See All’ tile on highlight.
  6. Image loading takes longer time when we launch the app for first time

Appendix

Whom to contact for Support 

te_rdkm_lightningui@tataelxsi.co.in

...