
{"id":10117,"date":"2022-06-21T09:10:49","date_gmt":"2022-06-21T09:10:49","guid":{"rendered":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/documentation\/rdk_video_documentation\/components\/open-sourced_components\/advanced_adaptive_media_player_aamp\/uve_materials\/"},"modified":"2025-03-25T05:18:35","modified_gmt":"2025-03-25T05:18:35","slug":"uve_materials","status":"publish","type":"page","link":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/","title":{"rendered":"UVE Materials"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n <html><body><h2 class=\"wp-main-header wp-block-heading\">Building an AAMP UVE Player using Lightning<\/h2><h3 class=\"wp-sub-header\">Prerequisite:<\/h3><ul><li><p class=\"auto-cursor-target\">Lightning-CLI should be pre-installed in the system. If not, install it by running the&nbsp;<br>following command<\/p><div class=\"code panel pdl conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"code\"><div class=\"codeContent panelContent pdl\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&nbsp;npm install -g rdkcentral\/Lightning-CLI<\/pre>\n<\/div><\/div><\/li><\/ul><h3 class=\"wp-sub-header\">Setting up Lightning App:<\/h3><ol><li class=\"auto-cursor-target\">Navigate to the folder on your pc where you want to start your project.<\/li><li class=\"auto-cursor-target\">type lng create to create a new Lightning app.<\/li><li class=\"auto-cursor-target\">Give name of the app.<\/li><li class=\"auto-cursor-target\">Fill in the identifier.<\/li><li class=\"auto-cursor-target\">Choose if you want to enable ESlint or not.<\/li><li class=\"auto-cursor-target\">Select yes to install the NPM dependencies.<\/li><li class=\"auto-cursor-target\">Choose yes if you need to initialize an empty GIT repository.<\/li><li class=\"auto-cursor-target\">Navigate to the created app folder. Use the lng options,<ol><li class=\"auto-cursor-target\">lng build: it will create a standalone bundle that you can run in the browser<\/li><li class=\"auto-cursor-target\">lng serve: it will start a local webserver and run the app<\/li><li class=\"auto-cursor-target\">lng dev it will build the app, start a webserver and watch for changes<\/li><li class=\"auto-cursor-target\">lng dist: it will build a standalone, distributable version of your App that can either be run locally<\/li><\/ol><\/li><\/ol><h3 class=\"wp-sub-header\"><br>Adding UVE code to the App:<\/h3><ol><li>Goto src\/App.js.<\/li><li><p class=\"auto-cursor-target\">Add the following lines for UVE playback.<\/p><div class=\"code panel pdl conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"code\"><div class=\"codeContent panelContent pdl\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">var player = new AAMPMediaPlayer()\nvar locator = \"http:\/\/amssamples.streaming.mediaservices.windows.net\/683f7e47-bd83-4427-b0a3-26a6c4547782\/BigBuckBunny.ism\/manifest(format=mpd-time-csf)&rdquo;\nplayer.load(locator)<\/pre>\n<\/div><\/div><\/li><\/ol><h3 class=\"wp-sub-header\"><span>Running the App:<\/span><\/h3><ol><li class=\"auto-cursor-target\">type lng dist to create the Lightning app distributable bundle.<\/li><li class=\"auto-cursor-target\">Goto dist\/es6 folder.<\/li><li class=\"auto-cursor-target\">Zip the es6 folder and copy to \/opt\/www of STB.<\/li><li class=\"auto-cursor-target\"><p class=\"auto-cursor-target\">Use rdkbrowser to run the app like<\/p><div class=\"code panel pdl conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"code\"><div class=\"codeContent panelContent pdl\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">rdkbrowser2.sh http:\/\/localhost:50050\/manu\/es6\/index.html<\/pre>\n<\/div><\/div><\/li><\/ol><h2 class=\"wp-main-header wp-block-heading\"><span>Snapshot of public APIs<\/span><\/h2><p><span class=\"confluence-embedded-file-wrapper conf-macro output-inline\" data-hasbody=\"false\" data-macro-name=\"view-file\"><div class=\"wp-block-file\"><a href=\"\/wp-content\/uploads\/sites\/16\/2023\/09\/AAMP-UVE-API%20(V2.10).pdf\">AAMP-UVE-API (V2.10).pdf<\/a><a href=\"\/wp-content\/uploads\/sites\/16\/2023\/09\/AAMP-UVE-API%20(V2.10).pdf\" class=\"wp-block-file__button\" download=\"\">Download<\/a><\/div><span class=\"companion-edit-button-placeholder edit-button-overlay\" data-linked-resource-container-id=\"211788278\" data-linked-resource-id=\"211788281\" data-template-name=\"companionEditIcon\" data-source-location=\"embedded-attachment\"> <\/span><\/span><\/p><h2 class=\"wp-main-header wp-block-heading\"><span>minimal reference player &#8211; HTML\/js web app<\/span><\/h2><p><span class=\"confluence-embedded-file-wrapper conf-macro output-inline\" data-hasbody=\"false\" data-macro-name=\"view-file\"><div class=\"wp-block-file\"><a href=\"\/wp-content\/uploads\/sites\/16\/2023\/09\/html-minref.html\">html-minref.html<\/a><a href=\"\/wp-content\/uploads\/sites\/16\/2023\/09\/html-minref.html\" class=\"wp-block-file__button\" download=\"\">Download<\/a><\/div><span class=\"companion-edit-button-placeholder edit-button-overlay\" data-linked-resource-container-id=\"211788278\" data-linked-resource-id=\"211788279\" data-template-name=\"companionEditIcon\" data-source-location=\"embedded-attachment\"> <\/span><\/span><\/p><h2 class=\"wp-main-header wp-block-heading\"><span>pre-built minimal lightning app &nbsp;&#8211; video playback and text overlay<\/span><\/h2><p><span class=\"confluence-embedded-file-wrapper conf-macro output-inline\" data-hasbody=\"false\" data-macro-name=\"view-file\"><div class=\"wp-block-file\"><a href=\"\/wp-content\/uploads\/sites\/16\/2023\/09\/uve-lightning.html\">uve-lightning.html<\/a><a href=\"\/wp-content\/uploads\/sites\/16\/2023\/09\/uve-lightning.html\" class=\"wp-block-file__button\" download=\"\">Download<\/a><\/div><span class=\"companion-edit-button-placeholder edit-button-overlay\" data-linked-resource-container-id=\"211788278\" data-linked-resource-id=\"211788280\" data-template-name=\"companionEditIcon\" data-source-location=\"embedded-attachment\"> <\/span><\/span><\/p><p><br><\/p><p><br><\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Building an AAMP UVE Player using Lightning Prerequisite: Lightning-CLI should be pre-installed in the system. [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":0,"parent":10015,"menu_order":26,"comment_status":"open","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-10117","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UVE Materials - RDK Documentation Portal | Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UVE Materials - RDK Documentation Portal | Documentation\" \/>\n<meta property=\"og:description\" content=\"Building an AAMP UVE Player using Lightning Prerequisite: Lightning-CLI should be pre-installed in the system. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/\" \/>\n<meta property=\"og:site_name\" content=\"RDK Documentation Portal | Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-25T05:18:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/\",\"url\":\"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/\",\"name\":\"UVE Materials - RDK Documentation Portal | Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/developer.rdkcentral.com\/documentation\/#website\"},\"datePublished\":\"2022-06-21T09:10:49+00:00\",\"dateModified\":\"2025-03-25T05:18:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/developer.rdkcentral.com\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation\",\"item\":\"https:\/\/developer.rdkcentral.com\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"RDK Video\",\"item\":\"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Components\",\"item\":\"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Advanced Adaptive Media Player (AAMP)\",\"item\":\"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"UVE Materials\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developer.rdkcentral.com\/documentation\/#website\",\"url\":\"https:\/\/developer.rdkcentral.com\/documentation\/\",\"name\":\"RDK Documentation Portal | Documentation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developer.rdkcentral.com\/documentation\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UVE Materials - RDK Documentation Portal | Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/","og_locale":"en_US","og_type":"article","og_title":"UVE Materials - RDK Documentation Portal | Documentation","og_description":"Building an AAMP UVE Player using Lightning Prerequisite: Lightning-CLI should be pre-installed in the system. [&hellip;]","og_url":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/","og_site_name":"RDK Documentation Portal | Documentation","article_modified_time":"2025-03-25T05:18:35+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/","url":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/","name":"UVE Materials - RDK Documentation Portal | Documentation","isPartOf":{"@id":"https:\/\/developer.rdkcentral.com\/documentation\/#website"},"datePublished":"2022-06-21T09:10:49+00:00","dateModified":"2025-03-25T05:18:35+00:00","breadcrumb":{"@id":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/uve_materials\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/developer.rdkcentral.com\/documentation\/"},{"@type":"ListItem","position":2,"name":"Documentation","item":"https:\/\/developer.rdkcentral.com\/documentation\/"},{"@type":"ListItem","position":3,"name":"RDK Video","item":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/"},{"@type":"ListItem","position":4,"name":"Components","item":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/"},{"@type":"ListItem","position":5,"name":"Advanced Adaptive Media Player (AAMP)","item":"https:\/\/developer.rdkcentral.com\/documentation\/documentation\/rdk_video_documentation\/components\/advanced_adaptive_media_player_aamp\/"},{"@type":"ListItem","position":6,"name":"UVE Materials"}]},{"@type":"WebSite","@id":"https:\/\/developer.rdkcentral.com\/documentation\/#website","url":"https:\/\/developer.rdkcentral.com\/documentation\/","name":"RDK Documentation Portal | Documentation","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developer.rdkcentral.com\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/developer.rdkcentral.com\/documentation\/wp-json\/wp\/v2\/pages\/10117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.rdkcentral.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/developer.rdkcentral.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/developer.rdkcentral.com\/documentation\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.rdkcentral.com\/documentation\/wp-json\/wp\/v2\/comments?post=10117"}],"version-history":[{"count":1,"href":"https:\/\/developer.rdkcentral.com\/documentation\/wp-json\/wp\/v2\/pages\/10117\/revisions"}],"predecessor-version":[{"id":10121,"href":"https:\/\/developer.rdkcentral.com\/documentation\/wp-json\/wp\/v2\/pages\/10117\/revisions\/10121"}],"up":[{"embeddable":true,"href":"https:\/\/developer.rdkcentral.com\/documentation\/wp-json\/wp\/v2\/pages\/10015"}],"wp:attachment":[{"href":"https:\/\/developer.rdkcentral.com\/documentation\/wp-json\/wp\/v2\/media?parent=10117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}