Update public/script.js

public/script.js

@@ -6,15 +6,13 @@ videoPlayer.setAttribute("playsinline", "true");
 
 const LAST_CHANNEL_KEY = "last_selected_channel";
 let currentChannel = null;
-let lastSeekTime = 0;
-let lastPlaybackPosition = 0;
 let smoothPlayback = true;
 
+// Fetch channels and populate buttons
 async function fetchChannels() {
     try {
         const response = await fetch("/channels");
         const data = await response.json();
-
         const channelButtons = document.querySelector(".channel-buttons");
         channelButtons.innerHTML = "";
 
@@ -41,6 +39,7 @@ async function fetchChannels() {
     }
 }
 
+// Change channel and seek to correct timestamp
 async function changeChannel(channel) {
     if (currentChannel === channel) return;
     currentChannel = channel;
@@ -49,8 +48,8 @@ async function changeChannel(channel) {
     document.getElementById("currentShow").textContent = `Now Playing: Loading...`;
 
     const streamUrl = `/hls/${channel}/index.m3u8`;
-
     let seekTime = 0;
+
     try {
         const response = await fetch(`/timestamp?channel=${channel}`);
         const data = await response.json();
@@ -59,16 +58,11 @@ async function changeChannel(channel) {
         console.error("Failed to fetch timestamp:", error);
     }
 
-    // Prevent seeking if the difference is small
-    if (Math.abs(seekTime - lastSeekTime) < 5) {
-        seekTime = lastSeekTime;
-    } else {
-        lastSeekTime = seekTime;
-    }
-
+    // Ensure seekTime is valid
     if (seekTime < 0 || isNaN(seekTime)) seekTime = 0;
     localStorage.setItem(LAST_CHANNEL_KEY, channel);
 
+    // Stop previous HLS instance if it exists
     if (Hls.isSupported()) {
         if (videoPlayer.hlsInstance) {
             videoPlayer.hlsInstance.destroy();
@@ -78,7 +72,7 @@ async function changeChannel(channel) {
             maxBufferLength: 180,  
             maxMaxBufferLength: 360,
             maxBufferSize: 500 * 1000 * 1000,
-            liveSyncDurationCount: 6, 
+            liveSyncDurationCount: 6,
             enableWorker: true,
             lowLatencyMode: true,
             backBufferLength: 90 
@@ -93,15 +87,10 @@ async function changeChannel(channel) {
         });
 
         hls.on(Hls.Events.BUFFER_APPENDED, () => {
-            const diff = Math.abs(videoPlayer.currentTime - seekTime);
-
-            if (diff > 5) {
-                console.log(`Seeking to correct position: ${seekTime}s`);
-                videoPlayer.currentTime = seekTime;
-            }
+            console.log(`Seeking to ${seekTime}s`);
+            videoPlayer.currentTime = seekTime;
         });
 
-        // Handle playback interruptions
         hls.on(Hls.Events.ERROR, (event, data) => {
             if (data.fatal) {
                 console.error("HLS Fatal Error:", data);
@@ -118,12 +107,12 @@ async function changeChannel(channel) {
         });
 
         document.getElementById("currentShow").textContent = `Now Playing: Channel ${channel}`;
-    } else if (videoPlayer.canPlayType("application/vnd.apple.mpegurl")) {
+    } 
+    else if (videoPlayer.canPlayType("application/vnd.apple.mpegurl")) {
         videoPlayer.src = streamUrl;
         videoPlayer.addEventListener("loadedmetadata", () => {
-            if (Math.abs(videoPlayer.currentTime - seekTime) > 1) {
-                videoPlayer.currentTime = seekTime;
-            }
+            console.log(`Seeking to ${seekTime}s`);
+            videoPlayer.currentTime = seekTime;
             videoPlayer.play().catch(err => console.error("Playback error:", err));
         });
 
@@ -144,14 +133,14 @@ setInterval(async () => {
         const playerTime = videoPlayer.currentTime;
         const diff = Math.abs(serverTime - playerTime);
 
-        if (diff > 5) {
+        if (diff > 3) {
             console.log(`Auto-correcting drift: ${playerTime} → ${serverTime}`);
             videoPlayer.currentTime = serverTime;
         }
     } catch (error) {
         console.error("Failed to sync playback:", error);
     }
-}, 10000);
+}, 5000); // More frequent drift correction
 
 function togglePlay() {
     if (videoPlayer.paused) {