@geekapps/silo-elements-nextjs 0.3.15 → 0.3.17

package/dist/VideoPlayer.js

@@ -762,15 +762,21 @@ function Video({
           if (Hls.isSupported()) {
             const hls = new Hls({
               enableWorker: true,
-              maxBufferLength: 30,
-              maxMaxBufferLength: 60,
-              maxBufferSize: 60 * 1e3 * 1e3,
-              backBufferLength: 30,
+              // Buffer ~20s ahead (≈1/6 of a 2min video). maxMaxBufferLength caps the
+              // absolute ceiling so HLS.js doesn't buffer the entire file on fast connections.
+              maxBufferLength: 20,
+              maxMaxBufferLength: 30,
+              maxBufferSize: 40 * 1e3 * 1e3,
+              // Keep only 10s of back-buffer for seeking — avoids holding GB of 4K data
+              backBufferLength: 10,
               maxBufferHole: 0.5,
-              nudgeMaxRetry: 6,
+              highBufferWatchdogPeriod: 5,
+              nudgeOffset: 0.2,
+              nudgeMaxRetry: 3,
               startLevel: -1,
               abrBandWidthFactor: 0.95,
-              abrBandWidthUpFactor: 0.7
+              abrBandWidthUpFactor: 0.7,
+              abrEwmaDefaultEstimate: 5e6
             });
             hlsRef.current = hls;
             let pinnedLevel = -1;
@@ -822,6 +828,9 @@ function Video({
             });
             hls.on(Hls.Events.LEVEL_SWITCHED, (_, data) => {
               console.debug("[Silo/hls] LEVEL_SWITCHED", data.level);
+              if (pinnedLevel >= 0 && data.level === pinnedLevel) {
+                hls.currentLevel = pinnedLevel;
+              }
               if (pinnedAudio >= 0 && hls.audioTrack !== pinnedAudio) {
                 hls.audioTrack = pinnedAudio;
               }
@@ -846,6 +855,7 @@ function Video({
             });
             let mediaErrorAttempts = 0;
             let audioAppendErrors = 0;
+            let stalledOnPinnedLevel = 0;
             hls.on(Hls.Events.ERROR, (_, data) => {
               const fragUrl = (data.frag?.url ?? data.url ?? "").slice(-80);
               const fragType = data.frag?.type ?? "?";
@@ -866,6 +876,19 @@ function Video({
                 } else {
                   audioAppendErrors = 0;
                 }
+                if (data.details === Hls.ErrorDetails.BUFFER_STALLED_ERROR && pinnedLevel >= 0) {
+                  stalledOnPinnedLevel += 1;
+                  if (stalledOnPinnedLevel >= 4) {
+                    stalledOnPinnedLevel = 0;
+                    const nextLevel = Math.max(0, pinnedLevel - 1);
+                    console.warn("[Silo/hls] repeated stalls on pinned level", pinnedLevel, "\u2014 stepping down to", nextLevel);
+                    pinnedLevel = nextLevel;
+                    hls.currentLevel = nextLevel;
+                    setSelectedQuality(nextLevel === 0 ? "auto" : `hls-${nextLevel}`);
+                  }
+                } else if (data.details !== Hls.ErrorDetails.BUFFER_STALLED_ERROR) {
+                  stalledOnPinnedLevel = 0;
+                }
                 return;
               }
               if (data.details === Hls.ErrorDetails.FRAG_PARSING_ERROR && fragType === "audio") {
@@ -1038,7 +1061,7 @@ function Video({
       }
       if (option.type === "hls" && hlsRef.current && option.index != null) {
         hlsRef.current.__pinLevel?.(option.index);
-        hlsRef.current.currentLevel = option.index;
+        hlsRef.current.nextLevel = option.index;
         return;
       }
       if (option.type === "dash" && dashRef.current && option.index != null) {