fix(player): hls tracks not initializing correctly

closes #1211
vidstack · Mar 20, 2024 · edddf3b · edddf3b
1 parent 20cc205
commit edddf3b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/vidstack/src/providers/hls/hls.ts b/packages/vidstack/src/providers/hls/hls.ts
@@ -88,11 +88,12 @@ export class HLSController {
     const event = new DOMEvent<HLS.NonNativeTextTracksData>(eventType, { detail: data });
 
     let currentTrack = -1;
+
     for (let i = 0; i < data.tracks.length; i++) {
       const nonNativeTrack = data.tracks[i],
         init = nonNativeTrack.subtitleTrack ?? nonNativeTrack.closedCaptions,
         track = new TextTrack({
-          id: `hls-${nonNativeTrack!.kind}${i}`,
+          id: `hls-${nonNativeTrack!.kind}-${i}`,
           src: init?.url,
           label: nonNativeTrack!.label,
           language: init?.lang,
@@ -116,9 +117,13 @@ export class HLSController {
   }
 
   private _onCuesParsed(eventType: string, data: HLS.CuesParsedData) {
-    const track = this._ctx.textTracks.getById(`hls-${data.track}`);
+    const index = this._instance?.subtitleTrack,
+      track = this._ctx.textTracks.getById(`hls-${data.type}-${index}`);
+
     if (!track) return;
+
     const event = new DOMEvent<HLS.CuesParsedData>(eventType, { detail: data });
+
     for (const cue of data.cues) {
       cue.positionAlign = 'auto';
       track.addCue(cue, event);

diff --git a/packages/vidstack/vite.config.ts b/packages/vidstack/vite.config.ts
@@ -14,6 +14,7 @@ export default defineConfig({
   build: {
     target: 'es2019',
   },
+  publicDir: 'sandbox/public',
   resolve: {
     alias: {
       '$test-utils': '/src/test-utils',