fix(player): update chapter index correctly on live streams

mihar-22 · mihar-22 · commit 8b9fa4b87fbd · 2023-11-06T10:55:06.000+11:00
diff --git a/packages/vidstack/src/components/ui/sliders/time-slider/slider-chapters.ts b/packages/vidstack/src/components/ui/sliders/time-slider/slider-chapters.ts
@@ -151,22 +151,25 @@ export class SliderChapters extends Component<SliderChaptersProps> {
     const { liveEdge, ended } = this._media.$state;
 
     let { fillPercent, value } = this._sliderState,
+      isLiveEdge = liveEdge(),
       prevActiveIndex = peek(this._activeIndex),
       currentChapter = this._cues[prevActiveIndex],
-      currentActiveIndex = this._findActiveChapterIndex(
-        currentChapter.startTime <= peek(value) ? prevActiveIndex : 0,
-        fillPercent(),
-      );
-
-    if (liveEdge() || ended()) {
+      currentActiveIndex = isLiveEdge
+        ? this._cues.length - 1
+        : this._findActiveChapterIndex(
+            currentChapter.startTime <= peek(value) ? prevActiveIndex : 0,
+            fillPercent(),
+          );
+
+    if (isLiveEdge || ended()) {
       this._updateFillPercents(0, this._cues.length, '100%');
     } else if (currentActiveIndex > prevActiveIndex) {
       this._updateFillPercents(prevActiveIndex, currentActiveIndex, '100%');
     } else if (currentActiveIndex < prevActiveIndex) {
       this._updateFillPercents(currentActiveIndex + 1, prevActiveIndex + 1, '0%');
     }
 
-    const percent = liveEdge()
+    const percent = isLiveEdge
       ? '100%'
       : this._calcPercent(this._cues[currentActiveIndex], fillPercent()) + '%';
 
