2.0.0

- updates to prebid 4 - updates to Radiant Media Player 5.12.9 - adds style to demo
radiantmediaplayer · Apr 23, 2021 · 41b736a · 41b736a
1 parent 6322eb5
commit 41b736a
Show file tree

Hide file tree

Showing 6 changed files with 81 additions and 60 deletions.
diff --git a/instream-client-side.html b/instream-client-side.html
@@ -3,33 +3,38 @@
 
 <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">
+  <link rel="stylesheet"
+    href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
+    integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
+    crossorigin="anonymous">
   <title>Using Prebid.js with Radiant Media Player (client-side adapter) -
     Instream Video</title>
   <!-- Radiant Media Player core library - debug browser console mode (use rmp.min.js for production) -->
-  <script
-    src="https://cdn.radiantmediatechs.com/rmp/5.9.0/js/rmp.min.js"></script>
+  <script src="https://cdn.radiantmediatechs.com/rmp/5.12.9/js/rmp.min.js"></script>
 </head>
 
 <body>
-
-  <h1>Using Prebid.js with Radiant Media Player (client-side adapter)</h1>
-  <h2>Instream Video (muted autoplay)</h2>
-  <p>Go back to <a
-      href="https://github.com/radiantmediaplayer/rmp-prebid">GitHub</a></p>
-  <p>Go back to <a
-      href="https://www.radiantmediaplayer.com/docs/latest/header-bidding.html">Radiant
-      Media Player docs</a></p>
-  <p>You may need to reload this demo page to get a fill on the adTag request
-  </p>
-  <!-- player container -->
-  <div id="rmpPlayer"></div>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <h1>Using Prebid.js with Radiant Media Player (client-side adapter)</h1>
+        <h2>Instream Video (muted autoplay)</h2>
+        <p>Go back to <a href="https://github.com/radiantmediaplayer/rmp-prebid">GitHub</a></p>
+        <p>Go back to <a
+            href="https://www.radiantmediaplayer.com/docs/latest/header-bidding.html">Radiant
+            Media Player docs</a></p>
+        <p>You may need to reload this demo page to get a fill on the adTag request
+        </p>
+        <!-- player container -->
+        <div id="rmpPlayer"></div>
+      </div>
+    </div>
+  </div>
   <!-- prebid.js -->
   <!-- this is an unoptimized build for the purpose of this demo -->
   <!-- see https://prebid.org/download.html or https://github.com/prebid/Prebid.js/#Build to produce a production build specific to your project-->
-  <script async
-    src="https://acdn.adnxs.com/prebid/not-for-prod/3/prebid.js"></script>
+  <script src="https://acdn.adnxs.com/prebid/not-for-prod/prebid.js"></script>
   <!-- player app logic -->
   <script src="js/instream-client-side.js"></script>
 

diff --git a/instream-prebid-server.html b/instream-prebid-server.html
@@ -3,33 +3,38 @@
 
 <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">
+  <link rel="stylesheet"
+    href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
+    integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
+    crossorigin="anonymous">
   <title>Using Prebid.js with Radiant Media Player (Prebid Server) -
     Instream Video</title>
   <!-- Radiant Media Player core library - debug browser console mode (use rmp.min.js for production) -->
-  <script
-    src="https://cdn.radiantmediatechs.com/rmp/5.9.0/js/rmp.min.js"></script>
+  <script src="https://cdn.radiantmediatechs.com/rmp/5.12.9/js/rmp.min.js"></script>
 </head>
 
 <body>
-
-  <h1>Using Prebid.js with Radiant Media Player (Prebid Server)</h1>
-  <h2>Instream Video (muted autoplay)</h2>
-  <p>Go back to <a
-      href="https://github.com/radiantmediaplayer/rmp-prebid">GitHub</a></p>
-  <p>Go back to <a
-      href="https://www.radiantmediaplayer.com/docs/latest/header-bidding.html">Radiant
-      Media Player docs</a></p>
-  <p>You may need to reload this demo page to get a fill on the adTag request
-  </p>
-  <!-- player container -->
-  <div id="rmpPlayer"></div>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <h1>Using Prebid.js with Radiant Media Player (Prebid Server)</h1>
+        <h2>Instream Video (muted autoplay)</h2>
+        <p>Go back to <a href="https://github.com/radiantmediaplayer/rmp-prebid">GitHub</a></p>
+        <p>Go back to <a
+            href="https://www.radiantmediaplayer.com/docs/latest/header-bidding.html">Radiant
+            Media Player docs</a></p>
+        <p>You may need to reload this demo page to get a fill on the adTag request
+        </p>
+        <!-- player container -->
+        <div id="rmpPlayer"></div>
+      </div>
+    </div>
+  </div>
   <!-- prebid.js -->
   <!-- this is an unoptimized build for the purpose of this demo -->
   <!-- see https://prebid.org/download.html or https://github.com/prebid/Prebid.js/#Build to produce a production build specific to your project-->
-  <script async
-    src="https://acdn.adnxs.com/prebid/not-for-prod/3/prebid.js"></script>
+  <script src="https://acdn.adnxs.com/prebid/not-for-prod/prebid.js"></script>
   <!-- player app logic -->
   <script src="js/instream-prebid-server.js"></script>
 

diff --git a/js/instream-client-side.js b/js/instream-client-side.js
@@ -101,12 +101,15 @@ pbApp.invokeVideoPlayer = function (adTagUrl) {
     // note that we requested a winning bid for skippable auto_play_sound_off so player starts muted autoplay
     ads: true,
     autoplay: true,
-    muted: true,
     // we use Google IMA in this demo, but you can use rmp-vast as well depending on your requirements
     adParser: 'ima',
     // here is our winner VAST adTagUrl
     adTagUrl: adTagUrl,
-    poster: 'https://www.radiantmediaplayer.com/images/poster-rmp-showcase.jpg'
+    contentMetadata: {
+      poster: [
+        'https://www.radiantmediaplayer.com/images/poster-rmp-showcase.jpg'
+      ]
+    }
   };
   var elementID = 'rmpPlayer';
   var rmp = new RadiantMP(elementID);

diff --git a/js/instream-prebid-server.js b/js/instream-prebid-server.js
@@ -113,12 +113,15 @@ pbApp.invokeVideoPlayer = function (adTagUrl) {
     // note that we requested a winning bid for skippable auto_play_sound_off so player starts muted autoplay
     ads: true,
     autoplay: true,
-    muted: true,
     // we use Google IMA in this demo, but you can use rmp-vast as well depending on your requirements
     adParser: 'ima',
     // here is our winner VAST adTagUrl
     adTagUrl: adTagUrl,
-    poster: 'https://www.radiantmediaplayer.com/images/poster-rmp-showcase.jpg'
+    contentMetadata: {
+      poster: [
+        'https://www.radiantmediaplayer.com/images/poster-rmp-showcase.jpg'
+      ]
+    }
   };
   var elementID = 'rmpPlayer';
   var rmp = new RadiantMP(elementID);

diff --git a/outstream.html b/outstream.html
@@ -3,33 +3,38 @@
 
 <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">
+  <link rel="stylesheet"
+    href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
+    integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
+    crossorigin="anonymous">
   <title>Using Prebid.js with Radiant Media Player -
     Outstream Video</title>
   <!-- Radiant Media Player core library - debug browser console mode (use rmp.min.js for production) -->
-  <script
-    src="https://cdn.radiantmediatechs.com/rmp/5.9.0/js/rmp.debug.js"></script>
+  <script src="https://cdn.radiantmediatechs.com/rmp/5.12.9/js/rmp.min.js"></script>
 </head>
 
 <body>
-
-  <h1>Using Prebid.js with Radiant Media Player</h1>
-  <h2>Outstream Video (muted autoplay)</h2>
-  <p>Go back to <a
-      href="https://github.com/radiantmediaplayer/rmp-prebid">GitHub</a></p>
-  <p>Go back to <a
-      href="https://www.radiantmediaplayer.com/docs/latest/header-bidding.html">Radiant
-      Media Player docs</a></p>
-  <p>You may need to reload this demo page to get a fill on the adTag request
-  </p>
-  <!-- player container -->
-  <div id="rmpPlayer"></div>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <h1>Using Prebid.js with Radiant Media Player</h1>
+        <h2>Outstream Video (muted autoplay)</h2>
+        <p>Go back to <a href="https://github.com/radiantmediaplayer/rmp-prebid">GitHub</a></p>
+        <p>Go back to <a
+            href="https://www.radiantmediaplayer.com/docs/latest/header-bidding.html">Radiant
+            Media Player docs</a></p>
+        <p>You may need to reload this demo page to get a fill on the adTag request
+        </p>
+        <!-- player container -->
+        <div id="rmpPlayer"></div>
+      </div>
+    </div>
+  </div>
   <!-- prebid.js -->
   <!-- this is an unoptimized build for the purpose of this demo -->
   <!-- see https://prebid.org/download.html or https://github.com/prebid/Prebid.js/#Build to produce a production build specific to your project-->
-  <script async
-    src="https://acdn.adnxs.com/prebid/not-for-prod/3/prebid.js"></script>
+  <script src="https://acdn.adnxs.com/prebid/not-for-prod/prebid.js"></script>
   <!-- player app logic -->
   <script src="js/outstream.js"></script>
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rmp-prebid",
-  "version": "1.0.5",
+  "version": "2.0.0",
   "author": "Radiant Media Player <support@radiantmediaplayer.com>",
   "description": "Implements header bidding for Radiant Media Player through Prebid.js",
   "repository": {
@@ -21,4 +21,4 @@
     "url": "https://github.com/radiantmediaplayer/rmp-prebid/issues"
   },
   "homepage": "https://www.radiantmediaplayer.com/docs/latest/header-bidding.html"
-}
+}