Update public/script.js

public/script.js

@@ -4,11 +4,9 @@ const videoPlayer = document.getElementById("tvPlayer");
 videoPlayer.setAttribute("webkit-playsinline", "true");
 videoPlayer.setAttribute("playsinline", "true");
 
-// Store and restore last viewed channel
 const LAST_CHANNEL_KEY = "last_selected_channel";
 let currentChannel = null;
 
-// Fetch and display available channels dynamically
 async function fetchChannels() {
     try {
         const response = await fetch("/channels"); 
@@ -31,7 +29,6 @@ async function fetchChannels() {
             channelButtons.appendChild(button);
         });
 
-        // Restore last watched channel or auto-select the first one
         const lastChannel = localStorage.getItem(LAST_CHANNEL_KEY);
         const initialChannel = data.channels.includes(lastChannel) ? lastChannel : data.channels[0];
         changeChannel(initialChannel);
@@ -41,9 +38,8 @@ async function fetchChannels() {
     }
 }
 
-// Function to switch channel and stream from backend
 async function changeChannel(channel) {
-    if (currentChannel === channel) return; // Prevent redundant reloads
+    if (currentChannel === channel) return;
     currentChannel = channel;
 
     document.getElementById("channelName").textContent = `Channel ${channel}`;
@@ -51,7 +47,6 @@ async function changeChannel(channel) {
 
     const streamUrl = `/hls/${channel}/index.m3u8`;
 
-    // Fetch correct timestamp from backend
     let seekTime = 0;
     try {
         const response = await fetch(`/timestamp?channel=${channel}`);
@@ -62,7 +57,6 @@ async function changeChannel(channel) {
     }
 
     if (seekTime < 0 || isNaN(seekTime)) seekTime = 0;
-
     localStorage.setItem(LAST_CHANNEL_KEY, channel);
 
     if (Hls.isSupported()) {
@@ -71,10 +65,10 @@ async function changeChannel(channel) {
         }
 
         const hls = new Hls({
-            maxBufferLength: 60, 
-            maxMaxBufferLength: 120, 
-            maxBufferSize: 150 * 1000 * 1000, 
-            liveSyncDurationCount: 3
+            maxBufferLength: 30, 
+            maxMaxBufferLength: 90, 
+            maxBufferSize: 100 * 1000 * 1000, 
+            liveSyncDurationCount: 2
         });
 
         hls.loadSource(streamUrl);
@@ -85,8 +79,8 @@ async function changeChannel(channel) {
             videoPlayer.play().catch(err => console.error("Playback error:", err));
         });
 
-        hls.on(Hls.Events.LOADED_METADATA, () => {
-            if (seekTime > 0) {
+        hls.on(Hls.Events.BUFFER_APPENDED, () => {
+            if (Math.abs(videoPlayer.currentTime - seekTime) > 1) {
                 console.log("Seeking to:", seekTime);
                 videoPlayer.currentTime = seekTime;
             }
@@ -106,25 +100,27 @@ async function changeChannel(channel) {
                         hls.recoverMediaError();
                         break;
                     default:
-                        console.error("Critical error, restarting stream...");
+                        console.error("Critical error, destroying stream...");
                         hls.destroy();
-                        setTimeout(() => changeChannel(channel), 5000);
                         break;
                 }
             }
         });
 
-        // Handle stall recovery properly
         videoPlayer.addEventListener("waiting", () => {
-            console.warn("Video stalled, attempting recovery...");
-            hls.recoverMediaError();
+            if (videoPlayer.readyState < 2) {
+                console.warn("Video stalled, attempting recovery...");
+                hls.recoverMediaError();
+            }
         });
 
         document.getElementById("currentShow").textContent = `Now Playing: Channel ${channel}`;
     } else if (videoPlayer.canPlayType("application/vnd.apple.mpegurl")) {
         videoPlayer.src = streamUrl;
         videoPlayer.addEventListener("loadedmetadata", () => {
-            videoPlayer.currentTime = seekTime;
+            if (Math.abs(videoPlayer.currentTime - seekTime) > 1) {
+                videoPlayer.currentTime = seekTime;
+            }
             videoPlayer.play().catch(err => console.error("Playback error:", err));
         });
 
@@ -132,7 +128,6 @@ async function changeChannel(channel) {
     }
 }
 
-// Controls
 function togglePlay() {
     if (videoPlayer.paused) {
         videoPlayer.play();
@@ -157,5 +152,4 @@ function toggleFullscreen() {
     }
 }
 
-// Load channels on page load
 window.onload = fetchChannels;