Extensions + fixes

Added support for extensions to load file sources. Fixed zoom. Added source selector.
michal-repo · Dec 2, 2023 · 812b911 · 812b911
1 parent 02ace8f
commit 812b911
Show file tree

Hide file tree

Showing 24 changed files with 662 additions and 490 deletions.
diff --git a/README.md b/README.md
@@ -91,13 +91,9 @@ Supported tags:
 
 `_2D_360` - fisheye 360, not VR (one lens)
 
-### Stashapp
+### Extensions
 
-For stashapp comment json span in index and uncomment stashapp span, then provide url to app (it must be configured with SSL, browser will blocking mixed content if you use http)
-
-Tag your videos with one of these tags: `SBS`, `VR` (screen type is SBS), `TB`, `360`, `SCREEN`
-
-Videos are organized by Studios.
+[Extensions](https://github.com/michal-repo/web_vr_video_player_extensions)
 
 ## Generating your own JSON file with video sources
 Player is using locally stored JSON file with video sources. It's configured in `index.html`, where you can provide your JSON file name:

diff --git a/dist/049bbf67fb8ce0f3c4d3f50333525dcd.png b/dist/049bbf67fb8ce0f3c4d3f50333525dcd.png
diff --git a/dist/0f04efa106112d4a0e6780870377b585.png b/dist/0f04efa106112d4a0e6780870377b585.png
diff --git a/dist/58e5861eec14f7e074f330163af5da7a.png b/dist/58e5861eec14f7e074f330163af5da7a.png
diff --git a/dist/5afe8a676880173aa3f8baf79925997c.png b/dist/5afe8a676880173aa3f8baf79925997c.png
diff --git a/dist/841cce0aac1b20f264d5922e44a756d9.png b/dist/841cce0aac1b20f264d5922e44a756d9.png
diff --git a/dist/91d79f89ab8f643873021c7a602f0525.png b/dist/91d79f89ab8f643873021c7a602f0525.png
diff --git a/dist/a454856a74a174dae070eaf27572bb7d.png b/dist/a454856a74a174dae070eaf27572bb7d.png
diff --git a/dist/ac6bd8cc8445a6c6989116f6354df742.png b/dist/ac6bd8cc8445a6c6989116f6354df742.png
diff --git a/dist/bec0e87c1064c7874b3276dbb7c63821.png b/dist/bec0e87c1064c7874b3276dbb7c63821.png
diff --git a/dist/e36a954cafcf8cdee7f7aab9b4240a5d.png b/dist/e36a954cafcf8cdee7f7aab9b4240a5d.png
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/jsonLoader.js b/dist/jsonLoader.js
diff --git a/index.html b/index.html
@@ -1,57 +1,83 @@
 <!DOCTYPE html>
 <html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta
+            name="viewport"
+            content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
+        />
+        <link rel="icon" href="favicon.ico" type="image/x-icon" />
+        <title>VR player</title>
+        <style>
+            * {
+                margin: 0;
+                padding: 0;
+            }
 
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-  <link rel="icon" href="favicon.ico" type="image/x-icon" />
-  <title>VR player</title>
-  <style>
-    * {
-      margin: 0;
-      padding: 0;
-    }
+            body {
+                overflow: hidden;
+            }
 
-    body {
-      overflow: hidden;
-    }
+            footer {
+                position: absolute;
+                bottom: 0px;
+                right: 0px;
+                justify-content: center;
+                padding: 5px;
+                font-size: 12px;
+                background-color: #d4d4d4;
+                color: rgb(0, 0, 0);
+            }
+        </style>
 
-    footer {
-      position: absolute;
-      bottom: 0px;
-      right: 0px;
-      justify-content: center;
-      padding: 5px;
-      font-size: 12px;
-      background-color: #d4d4d4;
-      color: rgb(0, 0, 0);
-    }
-  </style>
+        <script defer src="dist/index.js"></script>
+        <script defer src="dist/jsonLoader.js"></script>
+    </head>
 
-  <script defer="defer" type="module" src="dist/index.js"></script>
-</head>
-
-<body>
-  <video id="video" crossOrigin="anonymous" playsinline style="display:none">
-    <source id="video_src" src="" type="video/mp4">
-  </video>
-  <span id="json_file" hidden>files.json</span>
-  <!-- StashApp must be configured with SSL -->
-  <!-- <span id="stashapp" hidden>https://192.168.1.100:9999/</span> -->
-
-
-
-  <footer>
-    <p>
-      Icons made by
-      &nbsp;<a target="_blank" href="https://www.flaticon.com/authors/nawicon">nawicon</a>,
-      &nbsp;<a target="_blank" href="https://www.flaticon.com/authors/alfanz">alfanz</a>,
-      &nbsp;<a target="_blank" href="https://www.flaticon.com/authors/ayub-irawan">ayub-irawan</a>,
-      &nbsp;<a target="_blank" href="https://www.flaticon.com/authors/us-and-up">us-and-up</a>,
-      &nbsp;<a target="_blank" href="https://www.flaticon.com/authors/freepik">freepik</a>,
-      &nbsp;from&nbsp;<a target="_blank" href="http://www.flaticon.com/">www.flaticon.com</a>
-    </p>
-  </footer>
-</body>
-
-</html>
+    <body>
+        <video
+            id="video"
+            crossorigin="anonymous"
+            playsinline
+            style="display: none"
+        >
+            <source id="video_src" src="" type="video/mp4" />
+        </video>
+        <footer>
+            <p>
+                Icons made by &nbsp;<a
+                    target="_blank"
+                    href="https://www.flaticon.com/authors/nawicon"
+                    >nawicon</a
+                >, &nbsp;<a
+                    target="_blank"
+                    href="https://www.flaticon.com/authors/alfanz"
+                    >alfanz</a
+                >, &nbsp;<a
+                    target="_blank"
+                    href="https://www.flaticon.com/authors/ayub-irawan"
+                    >ayub-irawan</a
+                >, &nbsp;<a
+                    target="_blank"
+                    href="https://www.flaticon.com/authors/us-and-up"
+                    >us-and-up</a
+                >, &nbsp;<a
+                    target="_blank"
+                    href="https://www.flaticon.com/authors/freepik"
+                    >freepik</a
+                >, &nbsp;from&nbsp;<a
+                    target="_blank"
+                    href="http://www.flaticon.com/"
+                    >www.flaticon.com</a
+                >
+            </p>
+        </footer>
+    </body>
+    <script defer type="module">
+        try {
+            new JsonLoader("files.json");
+        } catch (error) {
+            console.warn(error);
+        }
+    </script>
+</html>