1.0.5

- updates to player version 5.10.4 - adds live DASH and DASH DRM examples - adds Google IMA example
radiantmediaplayer · Oct 16, 2020 · ef50f73 · ef50f73
1 parent 2aaf4bc
commit ef50f73
Show file tree

Hide file tree

Showing 11 changed files with 153 additions and 23 deletions.
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@ Example for using [Radiant Media Player](https://www.radiantmediaplayer.com) in
 You can use Radiant Media Player to build media-oriented web-based Fire TV applications. 
 The player is equipped with various optimisations, to work in the following environments:
 - [HTML5 web apps for Fire TV](https://developer.amazon.com/docs/fire-tv/getting-started-with-web-apps.html)
-- Fire OS 5+
+- Fire OS 6+ (previous versions of Fire OS may work but they are untested)
 
 For a list of supported features [see our documentation](https://www.radiantmediaplayer.com/docs/latest/fire-tv-apps.html#features).
 
@@ -15,11 +15,14 @@ The demo app is built with a landing page (index.html) that offers the possibili
 - hls.html (HLS VOD)
 - aes-hls.html (AES-128 HLS VOD)
 - live.html (Live HLS)
+- dash-drm.html (DASH DRM) **BETA**
+- dash-live.html (Live DASH)
 - ads.html (HLS VOD with video ads)
+- ads-ima.html (HLS VOD with video ads (Google IMA))
 
 Players displayed use our dedicated TV player layout for a better fullscreen experience on large displays.
 
-This demo app has been tested on an Amazon Fire TV Stick 4K.
+This demo app has been tested on an Amazon Fire TV Stick 4K (FireOS 6+).
 
 ## Example
 A live example of our demo app [can be viewed here](https://www.radiantmediaplayer.com/rmp-fire-tv/). This example 

diff --git a/ads-ima.html b/ads-ima.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport"
+		content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
+	<title>Fire TV Demo App - HLS VOD with video ads (Google IMA)</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css">
+	<meta name="robots" content="noindex">
+</head>
+
+<body>
+	<script src="https://cdn.radiantmediatechs.com/rmp/5.10.4/js/rmp.min.js"></script>
+	<div id="rmpPlayer"></div>
+	<script>
+		var src = {
+			hls: 'https://5b44cf20b0388.streamlock.net:8443/vod/smil:ed.smil/playlist.m3u8'
+		};
+		var settings = {
+			licenseKey: 'your-license-key',
+			src: src,
+			contentMetadata: {
+				title: 'Fire TV Demo App - HLS VOD with video ads (Google IMA)'
+			},
+			autoplay: true,
+			ads: true,
+			adTagUrl: 'https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=' + Date.now(),
+			skin: 'tv'
+		};
+		var elementID = 'rmpPlayer';
+		window.rmp = new RadiantMP(elementID);
+		window.rmp.init(settings);
+	</script>
+	<script src="js/player.js"></script>
+</body>
+
+</html>
diff --git a/ads.html b/ads.html
@@ -3,14 +3,15 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+	<meta name="viewport"
+		content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
 	<title>Fire TV Demo App - HLS VOD with video ads</title>
 	<link rel="stylesheet" type="text/css" href="css/style.css">
 	<meta name="robots" content="noindex">
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/5.9.0/js/rmp-vast.min.js"></script>
+	<script src="https://cdn.radiantmediatechs.com/rmp/5.10.4/js/rmp-vast.min.js"></script>
 	<div id="rmpPlayer"></div>
 	<script>
 		var src = {
@@ -24,9 +25,8 @@
 			},
 			autoplay: true,
 			ads: true,
-			forceNativeHlsOverHlsJS: true,
 			adParser: 'rmp-vast',
-			adTagUrl: 'https://www.radiantmediaplayer.com/vast/tags/inline-linear.xml',
+			adTagUrl: 'https://www.radiantmediaplayer.com/vast/tags/inline-linear-1.xml',
 			skin: 'tv'
 		};
 		var elementID = 'rmpPlayer';

diff --git a/aes-hls.html b/aes-hls.html
@@ -3,14 +3,15 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+	<meta name="viewport"
+		content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
 	<title>Fire TV Demo App - AES-128 HLS VOD</title>
 	<link rel="stylesheet" type="text/css" href="css/style.css">
 	<meta name="robots" content="noindex">
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/5.9.0/js/rmp.min.js"></script>
+	<script src="https://cdn.radiantmediatechs.com/rmp/5.10.4/js/rmp.min.js"></script>
 	<div id="rmpPlayer"></div>
 	<script>
 		var src = {
@@ -20,7 +21,6 @@
 			licenseKey: 'your-license-key',
 			src: src,
 			autoplay: true,
-			forceNativeHlsOverHlsJS: true,
 			contentMetadata: {
 				title: 'Fire TV Demo App - AES-128 HLS VOD'
 			},

diff --git a/dash-drm.html b/dash-drm.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport"
+		content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
+	<title>Fire TV Demo App - DASH Widevine DRM</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css">
+	<meta name="robots" content="noindex">
+</head>
+
+<body>
+	<script src="https://cdn.radiantmediatechs.com/rmp/5.10.4/js/rmp.debug.js"></script>
+	<div id="rmpPlayer"></div>
+	<script>
+		var src = {
+			dash: 'https://media.axprod.net/TestVectors/v7-MultiDRM-SingleKey/Manifest.mpd'
+		};
+		var settings = {
+			licenseKey: 'your-license-key',
+			src: src,
+			contentMetadata: {
+				title: 'Fire TV Demo App - DASH Widevine DRM'
+			},
+			shakaDrm: {
+				servers: {
+					'com.widevine.alpha': 'https://drm-widevine-licensing.axtest.net/AcquireLicense'
+				}
+			},
+			shakaRequestConfiguration: {
+				license: {
+					headers: {
+						'X-AxDRM-Message': 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ2ZXJzaW9uIjoxLCJjb21fa2V5X2lkIjoiYjMzNjRlYjUtNTFmNi00YWUzLThjOTgtMzNjZWQ1ZTMxYzc4IiwibWVzc2FnZSI6eyJ0eXBlIjoiZW50aXRsZW1lbnRfbWVzc2FnZSIsImtleXMiOlt7ImlkIjoiOWViNDA1MGQtZTQ0Yi00ODAyLTkzMmUtMjdkNzUwODNlMjY2IiwiZW5jcnlwdGVkX2tleSI6ImxLM09qSExZVzI0Y3Iya3RSNzRmbnc9PSJ9XX19.4lWwW46k-oWcah8oN18LPj5OLS5ZU-_AQv7fe0JhNjA'
+					}
+				}
+			},
+			autoplay: true,
+			skin: 'tv'
+		};
+		var elementID = 'rmpPlayer';
+		window.rmp = new RadiantMP(elementID);
+		window.rmp.init(settings);
+	</script>
+	<script src="js/player.js"></script>
+</body>
+
+</html>
diff --git a/dash-live.html b/dash-live.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport"
+		content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
+	<title>Fire TV Demo App - Live DASH</title>
+	<link rel="stylesheet" type="text/css" href="css/style.css">
+	<meta name="robots" content="noindex">
+</head>
+
+<body>
+	<script src="https://cdn.radiantmediatechs.com/rmp/5.10.4/js/rmp.min.js"></script>
+	<div id="rmpPlayer"></div>
+	<script>
+		var src = {
+			dash: 'https://5b44cf20b0388.streamlock.net:8443/live/ngrp:live_all/manifest.mpd'
+		};
+		var settings = {
+			licenseKey: 'your-license-key',
+			src: src,
+			contentMetadata: {
+				title: 'Fire TV Demo App - Live DASH'
+			},
+			autoplay: true,
+			skin: 'tv'
+		};
+		var elementID = 'rmpPlayer';
+		window.rmp = new RadiantMP(elementID);
+		window.rmp.init(settings);
+	</script>
+	<script src="js/player.js"></script>
+</body>
+
+</html>
diff --git a/hls.html b/hls.html
@@ -3,24 +3,24 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+	<meta name="viewport"
+		content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
 	<title>Fire TV Demo App - HLS VOD</title>
 	<link rel="stylesheet" type="text/css" href="css/style.css">
 	<meta name="robots" content="noindex">
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/5.9.0/js/rmp.min.js"></script>
+	<script src="https://cdn.radiantmediatechs.com/rmp/5.10.4/js/rmp.min.js"></script>
 	<div id="rmpPlayer"></div>
 	<script>
 		var src = {
-			hls: 'https://5b44cf20b0388.streamlock.net:8443/vod/smil:bbb.smil/playlist.m3u8'
+			hls: 'https://5b44cf20b0388.streamlock.net:8443/vod/_definst_/levels/smil:levels.smil/playlist.m3u8'
 		};
 		var settings = {
 			licenseKey: 'your-license-key',
 			src: src,
 			autoplay: true,
-			forceNativeHlsOverHlsJS: true,
 			contentMetadata: {
 				title: 'Fire TV Demo App - HLS VOD'
 			},

diff --git a/index.html b/index.html
@@ -3,7 +3,8 @@
 
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+  <meta name="viewport"
+    content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
   <meta name="description"
     content="Example for using Radiant Media Player in a web-based Fire TV app">
   <title>Fire TV app - Radiant Media Player</title>
@@ -37,14 +38,16 @@ <h3>Select a player</h3>
           <li><a href="hls.html">HLS VOD</a></li>
           <li><a href="aes-hls.html">AES-128 HLS VOD</a></li>
           <li><a href="live.html">Live HLS</a></li>
+          <li><a href="dash-drm.html">DASH DRM</a></li>
+          <li><a href="dash-live.html">Live DASH</a></li>
           <li><a href="ads.html">HLS VOD with video ads</a></li>
+          <li><a href="ads-ima.html">HLS VOD with video ads (Google IMA)</a></li>
         </ul>
         <h3>Viewport size</h3>
         <pre id="viewportSize"></pre>
         <h3>Environment</h3>
         <iframe width="1140" height="720" src="https://www.radiantmediaplayer.com/checkenv.html"
-          style="border:none;" allowfullscreen
-          sandbox="allow-scripts allow-presentation"
+          style="border:none;" allowfullscreen sandbox="allow-scripts allow-presentation"
           allow="autoplay; fullscreen; picture-in-picture; xr-spatial-tracking; encrypted-media"></iframe>
       </div>
     </div>

diff --git a/live.html b/live.html
@@ -3,14 +3,15 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+	<meta name="viewport"
+		content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
 	<title>Fire TV Demo App - Live HLS</title>
 	<link rel="stylesheet" type="text/css" href="css/style.css">
 	<meta name="robots" content="noindex">
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/5.9.0/js/rmp.min.js"></script>
+	<script src="https://cdn.radiantmediatechs.com/rmp/5.10.4/js/rmp.min.js"></script>
 	<div id="rmpPlayer"></div>
 	<script>
 		var src = {

diff --git a/mp4.html b/mp4.html
@@ -3,19 +3,20 @@
 
 <head>
 	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+	<meta name="viewport"
+		content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
 	<title>Fire TV Demo App - MP4 VOD</title>
 	<link rel="stylesheet" type="text/css" href="css/style.css">
 	<meta name="robots" content="noindex">
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/5.9.0/js/rmp.min.js"></script>
+	<script src="https://cdn.radiantmediatechs.com/rmp/5.10.4/js/rmp.min.js"></script>
 	<div id="rmpPlayer"></div>
 	<script>
 		var src = {
 			mp4: [
-				'https://www.radiantmediaplayer.com/media/big-buck-bunny-360p.mp4'
+				'https://www.rmp-streaming.com/media/tos-high.mp4'
 			]
 		};
 		var settings = {

diff --git a/package.json b/package.json
@@ -1,13 +1,13 @@
 {
   "name": "rmp-fire-tv",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "author": "Radiant Media Player <support@radiantmediaplayer.com>",
   "description": "Example for using Radiant Media Player in a web-based Fire TV app.",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/radiantmediaplayer/rmp-fire-tv.git"
   },
-  "main": "js/player.js",
+  "main": "index.html",
   "keywords": [
     "fire",
     "tv",