KJSL: Adding XR Layers

kevleyski · Jun 20, 2024 · cdc2c32 · cdc2c32
1 parent 557cba5
commit cdc2c32
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 20 deletions.
diff --git a/examples/180-mono.html b/examples/180-mono.html
@@ -23,22 +23,26 @@
 
     var vr = window.vr = player.vr({projection: '180_MONO', debug: true, forceCardboard: false});
 
-    const videoElement = document.getElementById('videojs-vr-player');
     const videoSourceParam = window.location.search.substring(1);
-
     if (videoSourceParam) {
-
-      player.src({
-        type: 'application/dash+xml',
-        src: videoSourceParam
-      });
-      console.log("KJSL: opening " + videoSourceParam);
-    } else {
-      document.write('No video source provided in the query string e.g. add ?https://foo/manifest.mpd to the address above');
+      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
+        });
+      }
     }
   }(window, window.videojs));
-
-
 </script>
 </body>
 </html>
diff --git a/examples/180-tb.html b/examples/180-tb.html
@@ -22,6 +22,25 @@
     player.mediainfo.projection = '180_TB';
 
     var vr = window.vr = player.vr({projection: '180_TB', debug: true, forceCardboard: false});
+    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
+        });
+      }
+    }
   }(window, window.videojs));
 </script>
 </body>

diff --git a/examples/180.html b/examples/180.html
@@ -24,7 +24,7 @@
     var vr = window.vr = player.vr({projection: '180', debug: true, forceCardboard: false});
 
     const videoSourceParam = window.location.search.substring(1);
-    if (videoSourceParam && videoSourceParam.startsWith("http")) {
+    if (videoSourceParam) {
       if (videoSourceParam.indexOf(".mpd") !== -1) {
         player.src({
           type: 'application/dash+xml',
@@ -42,11 +42,7 @@
         });
       }
     }
-    (window, window.videojs)
-  )
-    ;
-
-
+  }(window, window.videojs));
 </script>
 </body>
 </html>
diff --git a/examples/360.html b/examples/360.html
@@ -23,9 +23,9 @@
 
     // AUTO is the default and looks at mediainfo
     var vr = window.vr = player.vr({projection: 'AUTO', debug: true, forceCardboard: false});
-
+    
     const videoSourceParam = window.location.search.substring(1);
-    if (videoSourceParam && videoSourceParam.startsWith("http")) {
+    if (videoSourceParam) {
       if (videoSourceParam.indexOf(".mpd") !== -1) {
         player.src({
           type: 'application/dash+xml',
@@ -47,3 +47,4 @@
 </script>
 </body>
 </html>
+