From a1bd4295cc9af4afd0bfb299fffc5579125ede6e Mon Sep 17 00:00:00 2001
From: santic-zombie <santicmail@rambler.ru>
Date: Fri, 27 Mar 2020 23:32:16 +0300
Subject: [PATCH] volume fix

---
 index.php | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/index.php b/index.php
index 7204380..965aae8 100755
--- a/index.php
+++ b/index.php
@@ -43,7 +43,7 @@
 		<div>
 			vol:
 			<br>
-			<input id="volume" type="range" min="0" max="20" value="5" />
+			<input id="volume" type="range" min="0" max="10" value="5" step="0.1" />
 		</div>
 
 		<span id="duration"></span>
@@ -57,20 +57,19 @@
 
 <script language="JavaScript">
 	var audio = new Audio('http://stream.santic-zombie.ru');
+
 	var play = document.getElementById('play');
 	play.addEventListener('click', function() {
 		$("#myPlay").text("Now playing:");
 		audio.play();
 	}, false);
+
 	var pause = document.getElementById('pause');
 	pause.addEventListener('click', function() {
 		 $("#myPlay").text("Paused");
 	     audio.pause();
 	}, false);
-	var volume = document.getElementById('volume');
-	volume.addEventListener('change', function(){
-	    audio.volume = parseFloat(this.value / 10);
-	}, false);
+
 	audio.addEventListener("timeupdate", function() {
 	    var duration = document.getElementById('duration');
 	    var s = parseInt(audio.currentTime % 60);
@@ -81,6 +80,10 @@
 	    if (h < 10) h = '0' + h;
 	    duration.innerHTML = h + ':' + m + ':' + s;
 	}, false);
+
+	$("#volume").mousemove(function(){
+	   audio.volume = parseFloat(this.value / 10);
+	});
 </script>
 
 <script  language="JavaScript">