UVE Materials
Created on June 21, 2022
Building an AAMP UVE Player using Lightning
Prerequisite:
Lightning-CLI should be pre-installed in the system. If not, install it by running the
following commandnpm install -g rdkcentral/Lightning-CLI
Setting up Lightning App:
- Navigate to the folder on your pc where you want to start your project.
- type lng create to create a new Lightning app.
- Give name of the app.
- Fill in the identifier.
- Choose if you want to enable ESlint or not.
- Select yes to install the NPM dependencies.
- Choose yes if you need to initialize an empty GIT repository.
- Navigate to the created app folder. Use the lng options,
- lng build: it will create a standalone bundle that you can run in the browser
- lng serve: it will start a local webserver and run the app
- lng dev it will build the app, start a webserver and watch for changes
- lng dist: it will build a standalone, distributable version of your App that can either be run locally
Adding UVE code to the App:
- Goto src/App.js.
Add the following lines for UVE playback.
var player = new AAMPMediaPlayer() var locator = "http://amssamples.streaming.mediaservices.windows.net/683f7e47-bd83-4427-b0a3-26a6c4547782/BigBuckBunny.ism/manifest(format=mpd-time-csf)” player.load(locator)
Running the App:
- type lng dist to create the Lightning app distributable bundle.
- Goto dist/es6 folder.
- Zip the es6 folder and copy to /opt/www of STB.
Use rdkbrowser to run the app like
rdkbrowser2.sh http://localhost:50050/manu/es6/index.html
Snapshot of public APIs
minimal reference player – HTML/js web app
pre-built minimal lightning app – video playback and text overlay
Go To Top