@geekapps/silo-elements-nextjs 0.3.11 → 0.3.14

package/dist/index.js

@@ -2292,11 +2292,19 @@ function Video({
           if (Hls.isSupported()) {
             const hls = new Hls({
               enableWorker: true,
-              maxBufferLength: 10,
-              maxMaxBufferLength: 20,
-              maxBufferSize: 20 * 1e3 * 1e3
+              maxBufferLength: 30,
+              maxMaxBufferLength: 60,
+              maxBufferSize: 60 * 1e3 * 1e3,
+              backBufferLength: 30,
+              maxBufferHole: 0.5,
+              nudgeMaxRetry: 6,
+              startLevel: -1,
+              abrBandWidthFactor: 0.95,
+              abrBandWidthUpFactor: 0.7
             });
             hlsRef.current = hls;
+            let pinnedLevel = -1;
+            let pinnedAudio = -1;
             console.debug("[Silo/hls] loadSource", activeSource.src);
             hls.loadSource(activeSource.src);
             hls.attachMedia(video);
@@ -2321,8 +2329,10 @@ function Video({
                     label: t.name ?? t.lang ?? `Track ${i + 1}`
                   }))
                 );
-                setSelectedAudio(hls.audioTrack ?? 0);
+                if (pinnedAudio === -1) setSelectedAudio(hls.audioTrack ?? 0);
               }
+              if (pinnedLevel >= 0) hls.currentLevel = pinnedLevel;
+              if (pinnedAudio >= 0) hls.audioTrack = pinnedAudio;
               setIsLoading(false);
             });
             hls.on(Hls.Events.AUDIO_TRACKS_UPDATED, (_, data) => {
@@ -2336,7 +2346,22 @@ function Video({
                   }))
                 );
               }
+              if (pinnedAudio >= 0 && hls.audioTrack !== pinnedAudio) {
+                hls.audioTrack = pinnedAudio;
+              }
+            });
+            hls.on(Hls.Events.LEVEL_SWITCHED, (_, data) => {
+              console.debug("[Silo/hls] LEVEL_SWITCHED", data.level);
+              if (pinnedAudio >= 0 && hls.audioTrack !== pinnedAudio) {
+                hls.audioTrack = pinnedAudio;
+              }
             });
+            hls.__pinLevel = (level) => {
+              pinnedLevel = level;
+            };
+            hls.__pinAudio = (track) => {
+              pinnedAudio = track;
+            };
             hls.on(Hls.Events.LEVEL_LOADED, (_, data) => {
               console.debug("[Silo/hls] LEVEL_LOADED level=", data.level, "fragments=", data.details?.fragments?.length);
             });
@@ -2350,11 +2375,29 @@ function Video({
               console.debug("[Silo/hls] FRAG_LOADED", data.frag?.type, data.frag?.sn);
             });
             let mediaErrorAttempts = 0;
+            let audioAppendErrors = 0;
             hls.on(Hls.Events.ERROR, (_, data) => {
               const fragUrl = (data.frag?.url ?? data.url ?? "").slice(-80);
               const fragType = data.frag?.type ?? "?";
               console.debug("[Silo/hls] ERROR fatal=", data.fatal, "type=", data.type, "details=", data.details, "fragType=", fragType, "url=", fragUrl);
-              if (!data.fatal) return;
+              if (!data.fatal) {
+                const isAudioBufError = fragType === "audio" && (data.details === Hls.ErrorDetails.BUFFER_APPEND_ERROR || data.details === Hls.ErrorDetails.BUFFER_APPENDING_ERROR);
+                if (isAudioBufError) {
+                  audioAppendErrors += 1;
+                  if (audioAppendErrors >= 3) {
+                    console.warn("[Silo/hls] repeated audio buffer errors \u2014 disabling separate audio tracks");
+                    setAudioTracks([]);
+                    try {
+                      hls.audioTrack = -1;
+                    } catch {
+                    }
+                    audioAppendErrors = 0;
+                  }
+                } else {
+                  audioAppendErrors = 0;
+                }
+                return;
+              }
               if (data.details === Hls.ErrorDetails.FRAG_PARSING_ERROR && fragType === "audio") {
                 console.warn("[Silo/hls] audio frag parse failed \u2014 disabling separate audio tracks and retrying");
                 setAudioTracks([]);
@@ -2495,6 +2538,7 @@ function Video({
     setSelectedAudio(trackId);
     closeSettings();
     if (hlsRef.current) {
+      hlsRef.current.__pinAudio?.(trackId);
       hlsRef.current.audioTrack = trackId;
     }
   }, [closeSettings]);
@@ -2506,6 +2550,7 @@ function Video({
       closeSettings();
       if (option.type === "auto") {
         if (hlsRef.current) {
+          hlsRef.current.__pinLevel?.(-1);
           hlsRef.current.currentLevel = -1;
         }
         if (dashRef.current) {
@@ -2522,6 +2567,8 @@ function Video({
         return;
       }
       if (option.type === "hls" && hlsRef.current && option.index != null) {
+        hlsRef.current.__pinLevel?.(option.index);
+        hlsRef.current.nextLevel = option.index;
         hlsRef.current.currentLevel = option.index;
         return;
       }