Allow passing in M3U8 or MPD as the QUERY_STRING

MetaCDN · Aug 12, 2024 · 92f9182 · 92f9182
1 parent d131def
commit 92f9182
Show file tree

Hide file tree

Showing 9 changed files with 72 additions and 0 deletions.
diff --git a/examples/180-hls.html b/examples/180-hls.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>videojs-vr Demo</title>
+   <link href="../node_modules/video.js/dist/video-js.css" rel="stylesheet">
+   <link href="../dist/videojs-vr.css" rel="stylesheet">
+</head>
+<body>
+  <video width="640" height="300" id="videojs-vr-player" class="video-js vjs-default-skin" controls playsinline>
+    <source src="https://kevleyski.github.io/reckless_in_pyrmont/hls_fmp4_byterange/reckless_in_pyrmont.m3u8" type="application/vnd.apple.mpegurl">
+  </video>
+  <ul>
+    <li><a href="../">return to main example</a></li>
+  </ul>
+  <script src="../node_modules/video.js/dist/video.js"></script>
+  <script src="../dist/videojs-vr.js"></script>
+  <script>
+    (function(window, videojs) {
+      var player = window.player = videojs('videojs-vr-player');
+      player.mediainfo = player.mediainfo || {};
+      player.mediainfo.projection = '180_MONO';
+
+      var vr = window.vr = player.vr({projection: '180_MONO', debug: true, forceCardboard: false});
+    }(window, window.videojs));
+  </script>
+
+  <script src="examples.js"></script>
+
+</body>
+</html>
diff --git a/examples/180-mono.html b/examples/180-mono.html
@@ -24,5 +24,8 @@
       var vr = window.vr = player.vr({projection: '180_MONO', debug: true, forceCardboard: false});
     }(window, window.videojs));
   </script>
+
+  <script src="examples.js"></script>
+
 </body>
 </html>
diff --git a/examples/180-tb.html b/examples/180-tb.html
@@ -24,5 +24,8 @@
       var vr = window.vr = player.vr({projection: '180_TB', debug: true, forceCardboard: false});
     }(window, window.videojs));
   </script>
+
+  <script src="examples.js"></script>
+
 </body>
 </html>
diff --git a/examples/180.html b/examples/180.html
@@ -24,5 +24,8 @@
       var vr = window.vr = player.vr({projection: '180', debug: true, forceCardboard: false});
     }(window, window.videojs));
   </script>
+
+  <script src="examples.js"></script>
+
 </body>
 </html>
diff --git a/examples/360-cube.html b/examples/360-cube.html
@@ -25,5 +25,8 @@
       var vr = window.vr = player.vr({projection: 'AUTO', debug: true, forceCardboard: false});
     }(window, window.videojs));
   </script>
+
+  <script src="examples.js"></script>
+
 </body>
 </html>
diff --git a/examples/360-sphere-detail.html b/examples/360-sphere-detail.html
@@ -30,5 +30,8 @@
       });
     }(window, window.videojs));
   </script>
+
+  <script src="examples.js"></script>
+
 </body>
 </html>
diff --git a/examples/360-two.html b/examples/360-two.html
@@ -25,5 +25,8 @@
       var vr = window.vr = player.vr({projection: 'AUTO', debug: true, forceCardboard: false});
     }(window, window.videojs));
   </script>
+
+  <script src="examples.js"></script>
+
 </body>
 </html>
diff --git a/examples/360.html b/examples/360.html
@@ -25,5 +25,8 @@
       var vr = window.vr = player.vr({projection: 'AUTO', debug: true, forceCardboard: false});
     }(window, window.videojs));
   </script>
+
+  <script src="examples.js"></script>
+
 </body>
 </html>
diff --git a/examples/examples.js b/examples/examples.js
@@ -0,0 +1,20 @@
+/* eslint-disable */
+const videoSourceParam = window.location.search.substring(1);
+if (videoSourceParam) {
+  if (videoSourceParam.indexOf(".mpd") !== -1) {
+    player.src({
+      type: 'application/dash+xml',
+      src: videoSourceParam
+    });
+  } else if (videoSourceParam.indexOf(".m3u8") !== -1) {
+    player.src({
+      type: 'application/vnd.apple.mpegurl',
+      src: videoSourceParam
+    });
+  } else {
+    player.src({
+      type: 'video/mp4',
+      src: videoSourceParam
+    });
+  }
+}