Show warning in case location.protocol is http when accessing the ref…

…erence client
Dash-Industry-Forum · Nov 16, 2021 · c787a25 · c787a25
1 parent e0eecfe
commit c787a25
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/samples/dash-if-reference-player/app/css/main.css b/samples/dash-if-reference-player/app/css/main.css
@@ -660,4 +660,8 @@ BS Information
 
 .bs-callout-information {
     border-left-color: #136bfb ;
+}
+
+.bs-callout-danger {
+    border-left-color: #CA0B00;
 }
diff --git a/samples/dash-if-reference-player/app/main.js b/samples/dash-if-reference-player/app/main.js
@@ -1569,6 +1569,8 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
             return vars;
         }
 
+        checkLocationProtocol();
+
         var vars = getUrlVars();
         var item = {};
 
@@ -1698,6 +1700,17 @@ app.controller('DashController', ['$scope', '$window', 'sources', 'contributors'
             );
         }
     }
+
+    function checkLocationProtocol() {
+        if (location.protocol === 'http:' && location.hostname !== 'localhost') {
+            var out = 'This page has been loaded under http. This can result in the EME APIs not being available to the player and <b>any DRM-protected content will fail to play</b>. ' +
+                'If you wish to test manifest URLs that require EME support, then <a href=\'https:' + window.location.href.substring(window.location.protocol.length) + '\'>reload this page under https</a>.'
+            var divContainer = document.getElementById('http-warning-container');
+            var spanText = document.getElementById('http-warning-text');
+            spanText.innerHTML = out;
+            divContainer.style.display = ''
+        }
+    }
 }]);
 
 function legendLabelClickHandler(obj) { /* jshint ignore:line */

diff --git a/samples/dash-if-reference-player/index.html b/samples/dash-if-reference-player/index.html
@@ -854,6 +854,9 @@
 
         <!-- STATS TAB CONTENT -->
         <div class="col-md-3 tabs-section">
+            <div class="bs-callout bs-callout-danger" id="http-warning-container" style="display: none;">
+                    <span id="http-warning-text"></span>
+            </div>
             <div class="bs-callout bs-callout-information" id="callout-dropdown-positioning">
                 <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
                 Additional samples can be found in the <a