From ea672c242361a4f58aa0c94b9be43cf0623aaef1 Mon Sep 17 00:00:00 2001
From: Araxeus <oaeben@gmail.com>
Date: Thu, 13 May 2021 03:18:24 +0300
Subject: [PATCH] show volume hud in videoplayer if available

---
 plugins/precise-volume/front.js | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/plugins/precise-volume/front.js b/plugins/precise-volume/front.js
index 61588947..ddc1f3e5 100644
--- a/plugins/precise-volume/front.js
+++ b/plugins/precise-volume/front.js
@@ -17,9 +17,9 @@ module.exports = (options) => {
 	}
 
 	ipcRenderer.on("did-finish-load", () => {
-		injectVolumeHud();
-		// if hideVideo is disabled
-		if ($("#main-panel")?.computedStyleMap().get("display").value !== "none") {
+		const noVid = $("#main-panel")?.computedStyleMap().get("display").value === "none";
+		injectVolumeHud(noVid);
+		if (!noVid) {
 			setupVideoPlayerOnwheel(options);
 		}
 	});
@@ -27,11 +27,20 @@ module.exports = (options) => {
 	firstRun(options);
 };
 
-function injectVolumeHud() {
-    const position = "top: 18px; right: 60px; z-index: 999; position: absolute;";
-    const mainStyle = "font-size: xx-large; padding: 10px; transition: opacity 1.5s";
-    $(".center-content.ytmusic-nav-bar").insertAdjacentHTML("beforeend",
-		`<span id="volumeHud" style="${position + mainStyle}"></span>`)
+function injectVolumeHud(noVid) {
+	if (noVid) {
+		const position = "top: 18px; right: 60px; z-index: 999; position: absolute;";
+		const mainStyle = "font-size: xx-large; padding: 10px; transition: opacity 1s";
+	
+		$(".center-content.ytmusic-nav-bar").insertAdjacentHTML("beforeend",
+			`<span id="volumeHud" style="${position + mainStyle}"></span>`)
+	} else {
+		const position = `top: 10px; left: 10px; z-index: 999; position: absolute;`;
+		const mainStyle = "font-size: xxx-large; padding: 10px; transition: opacity 0.6s; webkit-text-stroke: 1px black; font-weight: 600;";
+	
+		$("#song-video").insertAdjacentHTML('afterend',
+			`<span id="volumeHud" style="${position + mainStyle}"></span>`)
+	}
 }
 
 let hudFadeTimeout;