From ce31694b77b003c5ae64553ad5c45c65f3ad9ae5 Mon Sep 17 00:00:00 2001
From: brandonocasey <brandonocasey@gmail.com>
Date: Tue, 16 Feb 2021 14:21:56 -0500
Subject: [PATCH 1/2] chore: mirror player.src on the demo page demo page

---
 index.html                 |  4 +++
 scripts/index-demo-page.js | 54 +++++++++++++++++++++++++++++++++++++-
 2 files changed, 57 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index dfb9751f4..f611e2d2c 100644
--- a/index.html
+++ b/index.html
@@ -88,6 +88,10 @@ <h3>Options</h3>
       <input id=override-native type="checkbox" checked>
       Override Native (reloads player)
     </label>
+    <label>
+      <input id=mirror-source type="checkbox" checked>
+      Mirror sources from player.src (reloads player)
+    </label>
     <label>
       Preload (reloads player)
       <select id=preload>
diff --git a/scripts/index-demo-page.js b/scripts/index-demo-page.js
index 4db14d32d..89385550d 100644
--- a/scripts/index-demo-page.js
+++ b/scripts/index-demo-page.js
@@ -225,7 +225,22 @@
     representationsEl.selectedIndex = selectedIndex;
   };
 
-  ['debug', 'autoplay', 'muted', 'minified', 'sync-workers', 'liveui', 'partial', 'url', 'type', 'keysystems', 'buffer-water', 'override-native', 'preload'].forEach(function(name) {
+  [
+    'debug',
+    'autoplay',
+    'muted',
+    'minified',
+    'sync-workers',
+    'liveui',
+    'partial',
+    'url',
+    'type',
+    'keysystems',
+    'buffer-water',
+    'override-native',
+    'preload',
+    'mirror-source'
+  ].forEach(function(name) {
     stateEls[name] = document.getElementById(name);
   });
 
@@ -252,6 +267,13 @@
       window.player.autoplay(event.target.checked);
     });
 
+    stateEls['mirror-source'].addEventListener('change', function(event) {
+      saveState();
+
+      // reload the player and scripts
+      stateEls.minified.dispatchEvent(newEvent('change'));
+    });
+
     stateEls['sync-workers'].addEventListener('change', function(event) {
       saveState();
 
@@ -333,6 +355,8 @@
         videoEl.className = 'vjs-default-skin';
         fixture.appendChild(videoEl);
 
+        const mirrorSource = getInputValue(stateEls['mirror-source']);
+
         player = window.player = window.videojs(videoEl, {
           plugins: {
             httpSourceSelector: {
@@ -340,6 +364,7 @@
             }
           },
           liveui: stateEls.liveui.checked,
+          enableSourceset: mirrorSource,
           html5: {
             vhs: {
               overrideNative: getInputValue(stateEls['override-native']),
@@ -349,6 +374,33 @@
           }
         });
 
+        player.on('sourceset', function() {
+          const source = player.currentSource();
+
+          if (source.keySystems) {
+            const copy = JSON.parse(JSON.stringify(source.keySystems));
+
+            // have to delete pssh as it will often make keySystems too big
+            // for a uri
+            Object.keys(copy).forEach(function(key) {
+              if (copy[key].hasOwnProperty('pssh')) {
+                delete copy[key].pssh;
+              }
+            });
+
+            stateEls.keysystems.value = JSON.stringify(copy, null, 2);
+          }
+
+          if (source.src) {
+            stateEls.url.value = source.src;
+          }
+
+          if (source.type) {
+            stateEls.type.value = source.type;
+          }
+
+        });
+
         player.width(640);
         player.height(264);
 

From 2c0f4807873dfdb1cb3124a23ec02b0a31afacfe Mon Sep 17 00:00:00 2001
From: brandonocasey <brandonocasey@gmail.com>
Date: Wed, 17 Feb 2021 15:27:58 -0500
Subject: [PATCH 2/2] cr

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f611e2d2c..040ceaa2c 100644
--- a/index.html
+++ b/index.html
@@ -90,7 +90,7 @@ <h3>Options</h3>
     </label>
     <label>
       <input id=mirror-source type="checkbox" checked>
-      Mirror sources from player.src (reloads player)
+      Mirror sources from player.src (reloads player, uses EXPERIMENTAL sourceset option)
     </label>
     <label>
       Preload (reloads player)