@geekapps/silo-elements-nextjs 0.3.16 → 0.3.17

package/dist/index.js

@@ -2292,12 +2292,14 @@ function Video({
           if (Hls.isSupported()) {
             const hls = new Hls({
               enableWorker: true,
-              maxBufferLength: 30,
-              maxMaxBufferLength: 120,
-              maxBufferSize: 120 * 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,
-              // Be patient with large 4K/HDR fragments before declaring a stall
               highBufferWatchdogPeriod: 5,
               nudgeOffset: 0.2,
               nudgeMaxRetry: 3,
@@ -2356,6 +2358,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;
               }
@@ -2586,7 +2591,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) {