1.1.0

- adds support for legacy webOS version (webOS 3 & 4) with our examples - updates to player version 7.8.1
radiantmediaplayer · May 30, 2022 · 4b4212b · 4b4212b
1 parent 00c8670
commit 4b4212b
Show file tree

Hide file tree

Showing 17 changed files with 411 additions and 132 deletions.
diff --git a/webapp/dash-drm-3.html b/webapp/dash-drm-3.html
@@ -10,8 +10,7 @@
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
-	<div id="rmpPlayer"></div>
+	<div id="rmp"></div>
 	<script>
 		var src = {
 			dash: 'https://storage.googleapis.com/shaka-demo-assets/angel-one-widevine/dash.mpd'
@@ -35,9 +34,29 @@
 			},
 			skin: 'tv'
 		};
-		var elementID = 'rmpPlayer';
-		window.rmp = new RadiantMP(elementID);
-		window.rmp.init(settings);
+
+		var _onLoadAppendPlayer = function () {
+			window.rmp = new RadiantMP('rmp');
+			window.rmp.init(settings);
+		};
+
+		var _onErrorLog = function () {
+			console.log('could not load Radiant Media Player JavaScript file');
+		};
+
+		var rmpScript = document.createElement('script');
+		// Feature detection for newer browsers that support module import/export
+		var newerBrowsers = 'noModule' in HTMLScriptElement.prototype;
+		if (newerBrowsers) {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/7.8.1/js/rmp.min.js';
+		} else {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/0.1.0/js/rmp.min.js';
+		}
+		rmpScript.async = true;
+		rmpScript.addEventListener('load', _onLoadAppendPlayer);
+		rmpScript.addEventListener('error', _onErrorLog);
+		document.head.appendChild(rmpScript);
+
 	</script>
 	<script src="js/player.js"></script>
 </body>

diff --git a/webapp/dash-drm-4.html b/webapp/dash-drm-4.html
@@ -10,10 +10,30 @@
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
-	<div id="rmpPlayer"></div>
+	<div id="rmp"></div>
 	<script>
-		let lastUplynkPrefix = '';
+		var src = {
+			dash: 'https://content.uplynk.com/847859273a4b4a81959d8fea181672a4.mpd?pr.version=2&pr.playenabler=B621D91F-EDCC-4035-8D4B-DC71760D43E9&pr.securitylevel=150'
+		};
+		var settings = {
+			licenseKey: 'your-license-key',
+			src: src,
+			autoplay: true,
+			delayToFade: 5000,
+			shakaCustomRequestFilter: shakaCustomRequestFilter,
+			shakaCustomResponseFilter: shakaCustomResponseFilter,
+			contentMetadata: {
+				title: 'DASH DRM - 8 Byte IV (Verizon - Widevine)',
+			},
+			shakaDrm: {
+				servers: {
+					'com.widevine.alpha': 'https://content.uplynk.com/wv'
+				}
+			},
+			skin: 'tv'
+		};
+
+		var lastUplynkPrefix = '';
 		var shakaCustomResponseFilter = function (type, response) {
 			if (type == shaka.net.NetworkingEngine.RequestType.MANIFEST) {
 				// Parse a custom header that contains a value needed to build a proper
@@ -33,29 +53,29 @@
 				}
 			}
 		};
-		var src = {
-			dash: 'https://content.uplynk.com/847859273a4b4a81959d8fea181672a4.mpd?pr.version=2&pr.playenabler=B621D91F-EDCC-4035-8D4B-DC71760D43E9&pr.securitylevel=150'
+
+		var _onLoadAppendPlayer = function () {
+			window.rmp = new RadiantMP('rmp');
+			window.rmp.init(settings);
 		};
-		var settings = {
-			licenseKey: 'your-license-key',
-			src: src,
-			autoplay: true,
-			delayToFade: 5000,
-			shakaCustomRequestFilter: shakaCustomRequestFilter,
-			shakaCustomResponseFilter: shakaCustomResponseFilter,
-			contentMetadata: {
-				title: 'DASH DRM - 8 Byte IV (Verizon - Widevine)',
-			},
-			shakaDrm: {
-				servers: {
-					'com.widevine.alpha': 'https://content.uplynk.com/wv'
-				}
-			},
-			skin: 'tv'
+
+		var _onErrorLog = function () {
+			console.log('could not load Radiant Media Player JavaScript file');
 		};
-		var elementID = 'rmpPlayer';
-		window.rmp = new RadiantMP(elementID);
-		window.rmp.init(settings);
+
+		var rmpScript = document.createElement('script');
+		// Feature detection for newer browsers that support module import/export
+		var newerBrowsers = 'noModule' in HTMLScriptElement.prototype;
+		if (newerBrowsers) {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/7.8.1/js/rmp.min.js';
+		} else {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/0.1.0/js/rmp.min.js';
+		}
+		rmpScript.async = true;
+		rmpScript.addEventListener('load', _onLoadAppendPlayer);
+		rmpScript.addEventListener('error', _onErrorLog);
+		document.head.appendChild(rmpScript);
+
 	</script>
 	<script src="js/player.js"></script>
 </body>

diff --git a/webapp/dash-drm-6.html b/webapp/dash-drm-6.html
@@ -10,8 +10,7 @@
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
-	<div id="rmpPlayer"></div>
+	<div id="rmp"></div>
 	<script>
 		var src = {
 			dash: 'https://amssamples.streaming.mediaservices.windows.net/622b189f-ec39-43f2-93a2-201ac4e31ce1/BigBuckBunny.ism/manifest(format=mpd-time-csf)'
@@ -31,9 +30,29 @@
 			},
 			skin: 'tv'
 		};
-		var elementID = 'rmpPlayer';
-		window.rmp = new RadiantMP(elementID);
-		window.rmp.init(settings);
+
+		var _onLoadAppendPlayer = function () {
+			window.rmp = new RadiantMP('rmp');
+			window.rmp.init(settings);
+		};
+
+		var _onErrorLog = function () {
+			console.log('could not load Radiant Media Player JavaScript file');
+		};
+
+		var rmpScript = document.createElement('script');
+		// Feature detection for newer browsers that support module import/export
+		var newerBrowsers = 'noModule' in HTMLScriptElement.prototype;
+		if (newerBrowsers) {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/7.8.1/js/rmp.min.js';
+		} else {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/0.1.0/js/rmp.min.js';
+		}
+		rmpScript.async = true;
+		rmpScript.addEventListener('load', _onLoadAppendPlayer);
+		rmpScript.addEventListener('error', _onErrorLog);
+		document.head.appendChild(rmpScript);
+
 	</script>
 	<script src="js/player.js"></script>
 </body>

diff --git a/webapp/dash-dvr.html b/webapp/dash-dvr.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
+	<title>DASH DVR</title>
+	<link rel="stylesheet" type="text/css" href="css/player.css">
+	<meta name="robots" content="noindex">
+</head>
+
+<body>
+	<div id="rmp"></div>
+	<script>
+		var src = {
+			dash: 'https://5b44cf20b0388.streamlock.net:8443/dvr/dvr/manifest.mpd?DVR'
+		};
+		var settings = {
+			licenseKey: 'your-license-key',
+			src: src,
+			delayToFade: 5000,
+			autoplay: true,
+			contentMetadata: {
+				title: 'DASH DVR',
+			},
+			skin: 'tv'
+		};
+
+		var _onLoadAppendPlayer = function () {
+			window.rmp = new RadiantMP('rmp');
+			window.rmp.init(settings);
+		};
+
+		var _onErrorLog = function () {
+			console.log('could not load Radiant Media Player JavaScript file');
+		};
+
+		var rmpScript = document.createElement('script');
+		// Feature detection for newer browsers that support module import/export
+		var newerBrowsers = 'noModule' in HTMLScriptElement.prototype;
+		if (newerBrowsers) {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/7.8.1/js/rmp.min.js';
+		} else {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/0.1.0/js/rmp.min.js';
+		}
+		rmpScript.async = true;
+		rmpScript.addEventListener('load', _onLoadAppendPlayer);
+		rmpScript.addEventListener('error', _onErrorLog);
+		document.head.appendChild(rmpScript);
+	</script>
+	<script src="js/player-live.js"></script>
+</body>
+
+</html>
diff --git a/webapp/dash-ima-ads.html b/webapp/dash-ima-ads.html
@@ -10,8 +10,7 @@
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
-	<div id="rmpPlayer"></div>
+	<div id="rmp"></div>
 	<script>
 		var src = {
 			dash: 'https://5b44cf20b0388.streamlock.net:8443/vod/smil:bbb.smil/manifest.mpd'
@@ -29,9 +28,29 @@
 			adTagUrl: 'https://www.radiantmediaplayer.com/vast/tags/inline-linear.xml',
 			skin: 'tv'
 		};
-		var elementID = 'rmpPlayer';
-		var rmp = new RadiantMP(elementID);
-		rmp.init(settings);
+
+		var _onLoadAppendPlayer = function () {
+			window.rmp = new RadiantMP('rmp');
+			window.rmp.init(settings);
+		};
+
+		var _onErrorLog = function () {
+			console.log('could not load Radiant Media Player JavaScript file');
+		};
+
+		var rmpScript = document.createElement('script');
+		// Feature detection for newer browsers that support module import/export
+		var newerBrowsers = 'noModule' in HTMLScriptElement.prototype;
+		if (newerBrowsers) {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/7.8.1/js/rmp.min.js';
+		} else {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/0.1.0/js/rmp.min.js';
+		}
+		rmpScript.async = true;
+		rmpScript.addEventListener('load', _onLoadAppendPlayer);
+		rmpScript.addEventListener('error', _onErrorLog);
+		document.head.appendChild(rmpScript);
+
 	</script>
 	<script src="js/player.js"></script>
 </body>

diff --git a/webapp/dash-live.html b/webapp/dash-live.html
@@ -10,8 +10,7 @@
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
-	<div id="rmpPlayer"></div>
+	<div id="rmp"></div>
 	<script>
 		var src = {
 			dash: 'https://5b44cf20b0388.streamlock.net:8443/live/ngrp:live_all/manifest.mpd'
@@ -26,11 +25,30 @@
 			},
 			skin: 'tv'
 		};
-		var elementID = 'rmpPlayer';
-		window.rmp = new RadiantMP(elementID);
-		window.rmp.init(settings);
+
+		var _onLoadAppendPlayer = function () {
+			window.rmp = new RadiantMP('rmp');
+			window.rmp.init(settings);
+		};
+
+		var _onErrorLog = function () {
+			console.log('could not load Radiant Media Player JavaScript file');
+		};
+
+		var rmpScript = document.createElement('script');
+		// Feature detection for newer browsers that support module import/export
+		var newerBrowsers = 'noModule' in HTMLScriptElement.prototype;
+		if (newerBrowsers) {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/7.8.1/js/rmp.min.js';
+		} else {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/0.1.0/js/rmp.min.js';
+		}
+		rmpScript.async = true;
+		rmpScript.addEventListener('load', _onLoadAppendPlayer);
+		rmpScript.addEventListener('error', _onErrorLog);
+		document.head.appendChild(rmpScript);
 	</script>
-	<script src="js/player-live.js"></script>
+	<script src="js/player.js"></script>
 </body>
 
 </html>
diff --git a/webapp/dash-rmp-vast-ads.html b/webapp/dash-rmp-vast-ads.html
@@ -10,8 +10,7 @@
 </head>
 
 <body>
-	<script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
-	<div id="rmpPlayer"></div>
+	<div id="rmp"></div>
 	<script>
 		var src = {
 			dash: 'https://5b44cf20b0388.streamlock.net:8443/vod/smil:bbb.smil/manifest.mpd'
@@ -29,9 +28,29 @@
 			adTagUrl: 'https://www.radiantmediaplayer.com/vast/tags/inline-linear.xml',
 			skin: 'tv'
 		};
-		var elementID = 'rmpPlayer';
-		var rmp = new RadiantMP(elementID);
-		rmp.init(settings);
+
+		var _onLoadAppendPlayer = function () {
+			window.rmp = new RadiantMP('rmp');
+			window.rmp.init(settings);
+		};
+
+		var _onErrorLog = function () {
+			console.log('could not load Radiant Media Player JavaScript file');
+		};
+
+		var rmpScript = document.createElement('script');
+		// Feature detection for newer browsers that support module import/export
+		var newerBrowsers = 'noModule' in HTMLScriptElement.prototype;
+		if (newerBrowsers) {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/7.8.1/js/rmp.min.js';
+		} else {
+			rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/0.1.0/js/rmp.min.js';
+		}
+		rmpScript.async = true;
+		rmpScript.addEventListener('load', _onLoadAppendPlayer);
+		rmpScript.addEventListener('error', _onErrorLog);
+		document.head.appendChild(rmpScript);
+
 	</script>
 	<script src="js/player.js"></script>
 </body>