RDK Resources
[*RDK Preferred*]
Code Management Facility
RDK Forums
[RDK Conferences]
RDK Support
Archives
Papers & Presentations Archive
IN-PROGRESS
RDK Accelerator Home UI - Version 2.0 comes with rich graphic user interfaces and new features, more eye catchy design along with configurable UI for new operator logos and there user interfaces . Version 2.0 app is a Lightning application, and used icons for mic, settings etc., background images used in splash screen, and other places are custom made images, not downloaded from the google or other open source web sites. Old android icons has been completely removed which were used in earlier version of the RDK Accelerator Home UI.
The app boots up with new 'splash' screen, which has eye catchy background along with new RDK logo comes with animation on screen load time from left-top corner and sets into the center of the screen.
Press ‘S’ key to switch to 'Choose a Service' screen, otherwise after 5 sec automatically 'Pair Bluetooth device' screen will be loaded
This new app has redesigned ‘Choose a Service’ screen with new background, shadow and animation effects, on navigation key right/left focused operator logo pops up (zoom-in) and background color changes/switches on selection of different operator logo with shadow and animation effect.
Choose a Service screen is fully configurable for the addition of new operator logo and UI or modification in existing operator logos and UI's, it can be done in configuration file easily by following below mentioned steps:
Prerequisites: Node.js , npm, Lightning-CLI should be available in PC
Step 1: Clone the RDKAPPS repo using the below command:
$ git clone "https://code.rdkcentral.com/r/components/opensource/RDK_apps"
Step 2: Switch to version 2 branch (new ui)
$ git checkout version_2
Step 3: Goto Accelerator Home Ui directory
$ cd RDK_apps/accelerator-home-ui/
Step 4: Install npm dependencies
$ npm install
Step 5: Goto 'static/data/UIInfo.js'
you will see below configuration file
export var uiInfo = [ { title: 'DEFAULT', url: '/images/splash/DefaultUI.png', uri: '', }, { title: 'LIVE', // title of the operator logo url: '/images/splash/LiveTv.png', // operator logo uri: 'http://35.155.171.121:8088/index.html', // operator ui web url },
In above configuration file new operator logo and ui can be added or removed.
Remote pairing screen comes with new background image, You will be prompted to the below screen if the Bluetooth remote is not connected to the device
On voice input through remote wave will be displayed on the screen and mic icon will be focused as per below shown in the image
→ On pressing Mic key from remote , Mic icon will be highlighted and voice bar shown(animated wave) instead of search text.
This new app has redesigned ‘Home UI’ screen with new background, shadow and animation effects, it contains sections for Apps, Metro Apps, TV shows, and Voice and Settings icons displayed on top section. YouTube and the metrological apps can be launched from app listings. Video content can be played from the TV Shows section. Bluetooth and WIFI settings can be managed from the settings screen. Search bar and time display are also available in the home UI. Functionality implementation for the search bar and mic are in progress.
Introduced New features
Note: The user should set the timezone in you STB before loading the UI using the curl command
curl -X POST -H "Content-Type: application/json" 'http://127.0.0.1:9998/jsonrpc' -d '{"jsonrpc":"2.0","id":"3","method":"org.rdk.System.1.setTimeZoneDST","params":{"timeZone":"Asia/Kolkata"}}';echo
If the timezone is not properly set in the box then the UI by default shows Eastern Standard Time.
Key Navigation:
Video contents can be played from the TV Shows section.
Key Navigation:
This new app has redesigned ‘Settings' screen with new background, shadow and animation effects.
Bluetooth, WiFi, and USB tab displayed as list on the left side panel and on selection corresponding content displayed on right side panel.
Toggle button will be displayed in WiFi and Bluetooth screen to enable and disable WiFi/Bluetooth.
On selection of USB: Video, Audio, Photo folders will be displayed and on selection it will navigate to corresponding views.
Key Navigation:
The Bluetooth screen supports discovery, pairing, and connecting to Bluetooth devices.
Key Navigation:
The WIFI screen supports the ability to manage STB's wifi connection.
Key Navigation:
Steps to enable USB on box
1) Connect USB/HDD to Box.
2) Login to box using below command:
ssh root@box_ip
ex: ssh root@192.168.1.7
3) Mount usb on box with 'mount' command on box.
4) Create soft link using below command:
ln -sf /usb /opt/www/usbdrive
Note: while creating Soft link use the path where the USB content are mounted for example in above case usb contents are mounted in /usb path.
-> On selection of USB tab , an enable/disable button will be shown
-> Enable/disable button added to control retrieve of USB data once USB connected to Box.
-> Enable only if USB/HDD connected to box.
-> USB data are aggregated into three Types:
a)Audio file(.mp3)
b)Video file(.mp4)
c)Images (.JPG and .PNG)
-> For each type item custom folders are shown in setting screen when we enable USB.
-> Separate screen are shown for each type of data.
-> Data are listed horizontally along with there name.
->Preview is shown for focused item.
-> Custom image are used to show Audio/Video item default preview.
-> Actual image on USB are shown in preview.
-> On selecting Video items , Video will be played in Full Screen.
-> Audio playback is not yet implemented.
-> For each screen Video/Audio/Images , there are headers showing back button and IP.
-> On Navigating Back button and enter , will land in setting screen and Focus is on USB folders.
Users can interact with plugins using Controller UI. It helps the user to activate or deactivate the plugin and the user can go through each plugin and look for properties and methods to execute.
Launching controller UI
Enable UsbAccess Plugin
User can also interact with 'UsbAccess' plugins using JSON-RPC
1) Create Link:
2) Clear Link:
3) Get File list:
Key | Functionality |
---|---|
S key | To display UI Switch screen from the splash screen |
Enter key/Right arrow | To move the focus to app list/tv-shows/settings from side panel icons in Home UI |
Enter key | To select the UI from the UI Switch screen To launch apps from the app list To launch player from tv-shows To launch the Bluetooth screen from the settings list To launch the WiFi screen from the settings list To enable/disable Bluetooth scanning in Bluetooth screen To enable/disable wifi scanning in wifi screen To pause player from Player controls To connect/disconnect/pair/unpair a Bluetooth device from the Bluetooth screen To connect/disconnect a WiFi network inWiFi screen |
Left/Right/Up/Down arrow | To navigate within Home UI To navigate through available Bluetooth devices on the Bluetooth screen To navigate through available wifi networks in WiFi screen |
M/Home/1 key | To exit from apps To exit from player launched To exit from the Bluetooth screen To exit from the WiFi screen |
Esc/M key | To exit from password panel on WiFi screen |
Down arrow | To display player controls menu from Player screen |
key Code : 27 , 77, 49 , 36 ,158 | To display Home Page |
key Code : 112,142 | To STANDBY and POWER_ON |
key Code : 228 , 116 | To deep sleep |
key Code 175 174 | To audio increase and decrease |
Download compiled code (dist): https://drive.google.com/drive/folders/1-44Zy3tav4SIEY7vF0fm1newcE3hBUg4?usp=sharing