Optimized playing song list to reduce GPU usage

web/Music/index.html

@@ -2083,7 +2083,23 @@
 		$("#currentPlayingMainList").html("");
 		var counter = playingList.length;
 		var totalSize = 0.0;
-		for (var i = 0; i < playingList.length; i++){
+		var renderRange = [0, playingList.length];
+		if (pagingEnabled){
+			//Paging Enabled. Only show 1/2 max + current page song + 1/2 max
+			var startEndRange = getPageStartAndEndByPageNumber(currentPage);
+			startEndRange = [startEndRange[0] - pagingCutoffCount /2, startEndRange[1] + pagingCutoffCount / 2]
+			if (startEndRange[0] < 0){
+				startEndRange[0] = 0;
+			}
+
+			if (startEndRange[1] > playingList.length){
+				startEndRange[1] = playingList.length;
+			}
+
+			renderRange = startEndRange;
+		}
+
+		for (var i = renderRange[0]; i < renderRange[1]; i++){
 			var displayname = ao_module_codec.decodeUmFilename(playingList[i][1]);
 			if (playingList[i][3].includes("MB")){
 				totalSize += parseFloat(playingList[i][3].split(" ")[0]);

web/Music/main.css

@@ -99,9 +99,9 @@ p,span,h1,h2,h3,h4,h5,h6,div,a,button{
     background:rgba(20,20,20,0.8);
 }
 
-@supports ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
+@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))) {
     #playerInterface{
-        backdrop-filter: blur(2px);
+        backdrop-filter: blur(3px);
         background:rgba(20,20,20,0.5);
     }
 }