From faef6bfb39524be6efa2836a7863170af9161f06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mehmet=20Ali=20=C5=9Eipi?= <mehmetalisipi@gmail.com>
Date: Tue, 27 Jun 2023 16:44:35 +0300
Subject: [PATCH] Use unproxied playback since proxies is so slow and latency.
 Volume boost was removed (it's not allowed by CORS)

---
 config.json            |  7 -------
 js/backend-api.js      |  8 ++++++--
 windows/css/player.css |  4 ----
 windows/js/player.js   | 29 +++--------------------------
 windows/player.html    |  4 ++--
 5 files changed, 11 insertions(+), 41 deletions(-)

diff --git a/config.json b/config.json
index fcc3206..62813b0 100644
--- a/config.json
+++ b/config.json
@@ -44,13 +44,6 @@
 			"title": "Always use HSL",
 			"description": "Use HSL if it is available in streams"
 		},
-		{
-			"type": "bool",
-			"default": -1,
-			"conf": "volume-boost-300",
-			"title": "Volume Boost (300%)",
-			"description": "Allow to boosting volume up to 300%. (It can be harm your ears and speakers)"
-		},
 		{
 			"type": "bool",
 			"default": 1,
diff --git a/js/backend-api.js b/js/backend-api.js
index cd9c3ea..900bab1 100644
--- a/js/backend-api.js
+++ b/js/backend-api.js
@@ -11,6 +11,10 @@ dv.backend = {
     __get_region: () => {
         return navigator.language.slice(-2).toUpperCase();
     },
+    __get_unproxied_playback_url: (old_url) => {
+        let url_object=new URL(old_url);
+        return old_url.replace(url_object.host, url_object.searchParams.get("host"));
+    },
     network_saving: false,
     get_trending_videos: async (reload = false) => {
         let tp_resource = await fetch(dv.backend.__host+"/trending?region="+dv.backend.__get_region(), { cache: dv.backend.__get_fetch_policy(reload) });
@@ -88,7 +92,7 @@ dv.backend = {
             	let src = asrcs[src_index];
 
             	video.sources.audio.push({
-            		url: src.url,
+            		url: dv.backend.__get_unproxied_playback_url(src.url),
             		quality: src.quality,
                     codec: src.codec,
                     bitrate: src.bitrate,
@@ -100,7 +104,7 @@ dv.backend = {
             	let src = vsrcs[src_index];
 
             	video.sources.video.push({
-            		url: src.url,
+            		url: dv.backend.__get_unproxied_playback_url(src.url),
             		quality: src.quality,
                     codec: src.codec,
                     bitrate: src.bitrate,
diff --git a/windows/css/player.css b/windows/css/player.css
index ee2d36c..b1e1291 100644
--- a/windows/css/player.css
+++ b/windows/css/player.css
@@ -146,10 +146,6 @@ body {
             
             & input[type="range"].volume {
                 max-width: 75px;
-
-                &[max="300"] {
-                    max-width: 225px;
-                }
             }
 
             [external_file]:is(body) & :is(.subtitles, .audio-only) {
diff --git a/windows/js/player.js b/windows/js/player.js
index 973e15e..2543fef 100644
--- a/windows/js/player.js
+++ b/windows/js/player.js
@@ -7,38 +7,16 @@ var dv = {
     audio: null,
     audio_only: false,
     volume_management: {
-        gain_node: {
-            video: null,
-            audio: null
-        },
-        init: async() => {
-            if(await dv.storage.conf.get("volume-boost-300") == 1) {
-                document.querySelector("input.volume").setAttribute("max", 300);
-            };
-
-            let elements = ["video", "audio"];
-            for(let element_index in elements){ 
-                let type = elements[element_index];
-                let audio_ctx = new AudioContext();
-                let source = audio_ctx.createMediaElementSource(dv[type]);
-            
-                dv.volume_management.gain_node[type] = audio_ctx.createGain();
-                dv.volume_management.gain_node[type].gain.value = 1;
-                source.connect(dv.volume_management.gain_node[type]);
-            
-                dv.volume_management.gain_node[type].connect(audio_ctx.destination);
-            }
-        },
         set: (volume=100) => {
-            dv.volume_management.gain_node["audio"].gain.value = volume / 100;
-            dv.volume_management.gain_node["video"].gain.value = volume / 100;
+            dv.audio.volume = volume / 100;
+            dv.video.volume = volume / 100;
             let volume_button = document.querySelector("button.volume");
             if(volume > 0 && volume_button.hasAttribute("true")) {
                 volume_button.removeAttribute("true");
             };
         },
         get: () => {
-            return dv.volume_management.gain_node["audio"].gain.value * 100;
+            return dv.audio.volume * 100;
         }
     },
     embed: false,
@@ -644,7 +622,6 @@ document.addEventListener("DOMContentLoaded", () => {
     dv.video.addEventListener("loadedmetadata", dv.controls.time.update_duration);
     dv.video.addEventListener("ended", dv.features.next_video);
 
-    dv.volume_management.init();
     let controls = document.querySelector(".controls");
     
     // Play/Pause Button
diff --git a/windows/player.html b/windows/player.html
index 3667106..347886f 100644
--- a/windows/player.html
+++ b/windows/player.html
@@ -14,9 +14,9 @@
 		<link rel="stylesheet" href="../css/components.css">
 	</head>
 	<body>
-		<video crossorigin="anonymous" preload="auto" autoplay></video>
+		<video autoplay></video>
 		<canvas></canvas>
-		<audio crossorigin="anonymous" preload="auto" autoplay hidden></audio>
+		<audio autoplay hidden></audio>
 		<img draggable="false" class="thumbnail" />
 		<div class="info">
 			<div class="name"></div>