Audio Player Lite

Author: d0t-d0t-d0t

plugins/AudioPlayerLite/stashAudioPlayerLite

@@ -0,0 +1,35 @@
+(function () {
+    "use strict";
+    const PluginApi = window.PluginApi;
+    const React = PluginApi.React;
+
+    function setStyle() {
+        if(!document.querySelector(".VideoPlayer .video-wrapper") || !document.querySelector(".vjs-poster")) {
+            window.setTimeout(setStyle, 100)
+        } else {
+            document.querySelector(".VideoPlayer .video-wrapper").before(document.querySelector(".vjs-poster"))
+            document.querySelector(".VideoPlayer").classList.add("audio")
+        }
+    }
+
+    PluginApi.Event.addEventListener("stash:location", async (e) => {
+        const path = e.detail.data.location.pathname;
+        const idRegExp = /.*\/scenes\/(\d+)/;
+        if (idRegExp.test(path)) {
+            await PluginApi.utils.loadComponents([
+                PluginApi.loadableComponents.ScenePlayer
+            ]);
+            PluginApi.patch.instead("ScenePlayer", function (props, _, originalComponent) {
+                const file = props.scene.files[0];
+                let scene = props.scene;
+                if (file.video_codec === "") {
+                    scene = { ...scene,
+                        sceneStreams: props.scene.sceneStreams.filter((ss) => ss.label.toUpperCase() === 'HSL')
+                    };
+                    poster()
+                }
+                return originalComponent({ ...props, scene });
+            });
+        }
+    });
+})();

plugins/AudioPlayerLite/stashAudioPlayerLite.css

@@ -0,0 +1,30 @@
+/* Stash Audio Player Lite */
+.VideoPlayer.audio .scrubber-wrapper,
+.VideoPlayer.audio .vjs-big-play-button,
+.VideoPlayer.audio .vjs-big-button-group,
+.VideoPlayer.audio .vjs-loading-spinner,
+.VideoPlayer.audio .vjs-skip-button {
+    display: none !important;
+}
+.VideoPlayer.audio .vjs-control-bar {
+    display: flex !important;
+    opacity: 100 !important;
+}
+.VideoPlayer.audio .vjs-seek-button {
+    display: block !important;
+}
+.VideoPlayer.audio .video-js {
+    background-color: #202b33 !important;
+    width: 100%;
+}
+.VideoPlayer.audio #VideoJsPlayer_html5_api {
+    display: none !important;
+}
+.VideoPlayer.audio .video-wrapper {
+    height: 7rem !important;
+    overflow: visible;
+}
+.VideoPlayer.audio > .vjs-poster {
+    height: 56.25vw !important;
+    position: relative !important;
+}

plugins/AudioPlayerLite/stashAudioPlayerLite.yml

@@ -0,0 +1,8 @@
+name: StashAudioPlayerLite
+description: This plugin identifies files with no video codec and plays them as audio.
+version: 0.1
+ui:
+    javascript:
+        - stashAudioPlayerLite.js
+    css:
+        - stashAudioPlayerLite.css