feat: Update AudioPlayer and LyricSearch components for improved functionality and user experience

src/components/AudioPlayer.jsx

@@ -217,16 +217,16 @@ export default function Player({ user }) {
       }
 
       const hls = new Hls({
-        lowLatencyMode: true,
+        lowLatencyMode: false,
         abrEnabled: false,
-        liveSyncDuration: 0.5,               // seconds behind live edge target
+        liveSyncDuration: 0.6,               // seconds behind live edge target
         liveMaxLatencyDuration: 3.0,        // max allowed latency before catchup
         liveCatchUpPlaybackRate: 1.02,
-        maxBufferLength: 30,
-        maxMaxBufferLength: 60,
-        maxBufferHole: 0.5,
-        manifestLoadingTimeOut: 4000,
-        fragLoadingTimeOut: 10000,     // playback speed when catching up
+        // maxBufferLength: 30,
+        // maxMaxBufferLength: 60,
+        // maxBufferHole: 2.0,
+        // manifestLoadingTimeOut: 5000,
+        // fragLoadingTimeOut: 10000,     // playback speed when catching up
       });
 
       hlsInstance.current = hls;