@gcorevideo/player 2.28.28 → 2.28.29

package/dist/index.js

@@ -12954,6 +12954,8 @@ class DashPlayback extends BasePlayback {
     startChangeQuality = false;
     manifestInfo = null;
     _timeUpdateTimer = null;
+    oncueenter = null;
+    oncueexit = null;
     get name() {
         return 'dash';
     }
@@ -12996,6 +12998,7 @@ class DashPlayback extends BasePlayback {
         }
     }
     get _startTime() {
+        // TODO review
         if (this._playbackType === Playback.LIVE &&
             this._playlistType !== 'EVENT') {
             return this._extrapolatedStartTime;
@@ -13050,12 +13053,12 @@ class DashPlayback extends BasePlayback {
                 streaming: {
                     text: {
                         defaultEnabled: false,
+                        dispatchForManualRendering: true,
                     },
                 },
             }, this.options.dash);
             this._dash.updateSettings(settings);
         }
-        assert.ok(this.el instanceof HTMLMediaElement, 'el must be an HTMLMediaElement');
         this._dash.attachView(this.el);
         this._dash.setAutoPlay(false);
         this._dash.attachSource(this.options.src);
@@ -13099,6 +13102,19 @@ class DashPlayback extends BasePlayback {
                 this.trigger(Events$1.PLAYBACK_AUDIO_CHANGED, toClapprTrack$1(e.newMediaInfo));
             }
         });
+        this._dash.on(_.events.CUE_ENTER, (e) => {
+            this.oncueenter?.({
+                end: e.end,
+                id: e.id,
+                start: e.start,
+                text: e.text,
+            });
+        });
+        this._dash.on(_.events.CUE_EXIT, (e) => {
+            this.oncueexit?.({
+                id: e.id,
+            });
+        });
     }
     render() {
         this._ready();
@@ -13187,8 +13203,7 @@ class DashPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
     _onPlaybackError = (event) => {
-        // TODO
-        trace(`${T$f} _onPlaybackError`, { event });
+        trace(`${T$f} _onPlaybackError`, { type: event.type, code: event.error.code, message: event.error.message });
     };
     _onDASHJSSError = (event) => {
         this._stopTimeUpdateTimer();
@@ -13307,7 +13322,14 @@ class DashPlayback extends BasePlayback {
             this._dash.off(_.events.ERROR, this._onDASHJSSError);
             this._dash.off(_.events.PLAYBACK_ERROR, this._onPlaybackError);
             this._dash.off(_.events.MANIFEST_LOADED, this.getDuration);
+            const tracks = this._dash.getTracksFor('text');
+            tracks.forEach(track => {
+                if (track.id) {
+                    this._dash.removeExternalSubtitleById(track.id);
+                }
+            });
             this._dash.reset();
+            this._dash.destroy();
             this._dash = null;
         }
     }
@@ -13325,8 +13347,6 @@ class DashPlayback extends BasePlayback {
         }
     }
     _fillLevels(levels) {
-        // TOOD check that levels[i].index === i
-        trace(`${T$f} _fillLevels`, { levels });
         this._levels = levels.map((level) => {
             return {
                 level: level.index,
@@ -13403,6 +13423,31 @@ class DashPlayback extends BasePlayback {
         super._handleTextTrackChange();
         this._dash?.setTextTrack(this.closedCaptionsTrackId);
     }
+    setTextTrack(id) {
+        this._dash?.setTextTrack(id);
+    }
+    /**
+     * @override
+     */
+    get closedCaptionsTracks() {
+        const tt = this.getTextTracks();
+        return tt;
+    }
+    getTextTracks() {
+        return this._dash?.getTracksFor('text').map((t, index) => ({
+            id: index,
+            name: getTextTrackLabel(t) || "",
+            track: {
+                id: index,
+                label: getTextTrackLabel(t) || "",
+                language: t.lang,
+                mode: "hidden",
+            },
+        })) || [];
+    }
+}
+function getTextTrackLabel(t) {
+    return t.labels.find((l) => !l.lang || l.lang === t.lang)?.text;
 }
 DashPlayback.canPlay = function (resource, mimeType) {
     if (!isDashSource(resource, mimeType)) {
@@ -50057,11 +50102,9 @@ const CLAPPR_VERSION$1 = '0.13.0';
 const { now } = Utils;
 const AUTO = -1;
 const DEFAULT_RECOVER_ATTEMPTS = 16;
-Events$1.register('PLAYBACK_FRAGMENT_CHANGED');
 Events$1.register('PLAYBACK_FRAGMENT_PARSING_METADATA');
 const T$e = 'playback.hls';
 class HlsPlayback extends BasePlayback {
-    _ccIsSetup = false;
     _ccTracksUpdated = false;
     _currentFragment = null;
     _currentLevel = null;
@@ -50085,6 +50128,10 @@ class HlsPlayback extends BasePlayback {
     _recoveredDecodingError = false;
     _segmentTargetDuration = null;
     _timeUpdateTimer = null;
+    oncueenter = null;
+    oncueexit = null;
+    cues = []; // TODO check the list size and use BST if needed
+    currentCueId = null;
     /**
      * @internal
      */
@@ -50279,7 +50326,7 @@ class HlsPlayback extends BasePlayback {
             return;
         }
         this._manifestParsed = false;
-        this._ccIsSetup = false;
+        // this._ccIsSetup = false
         this._ccTracksUpdated = false;
         this._setInitialState();
         this._hls.destroy();
@@ -50290,6 +50337,7 @@ class HlsPlayback extends BasePlayback {
             maxBufferLength: 2,
             maxMaxBufferLength: 4,
             autoStartLoad: false,
+            renderTextTracksNatively: false,
         }, this.options.playback.hlsjsConfig);
         this._hls = new Hls(config);
     }
@@ -50303,7 +50351,7 @@ class HlsPlayback extends BasePlayback {
         if (!this._hls) {
             return;
         }
-        this._hls.once(Hls.Events.MEDIA_ATTACHED, () => {
+        this._hls.once(Events.MEDIA_ATTACHED, () => {
             assert.ok(this._hls, 'HLS.js is not initialized');
             this.options.hlsPlayback.preload && this._hls.loadSource(this.options.src);
         });
@@ -50318,25 +50366,29 @@ class HlsPlayback extends BasePlayback {
             this.el.removeEventListener('playing', onPlaying);
         };
         this.el.addEventListener('playing', onPlaying);
-        this._hls.on(Hls.Events.MANIFEST_PARSED, () => {
+        this._hls.on(Events.MANIFEST_PARSED, () => {
             this._manifestParsed = true;
-            this._hls.startLoad(-1);
+            this.reload();
         });
-        this._hls.on(Hls.Events.LEVEL_LOADED, (evt, data) => {
+        this._hls.on(Events.LEVEL_LOADED, (evt, data) => {
             this._updatePlaybackType(evt, data);
         });
-        this._hls.on(Hls.Events.LEVEL_UPDATED, (evt, data) => this._onLevelUpdated(evt, data));
-        this._hls.on(Hls.Events.LEVEL_SWITCHING, (evt, data) => this._onLevelSwitch(evt, data));
-        this._hls.on(Hls.Events.LEVEL_SWITCHED, (evt, data) => this._onLevelSwitched(evt, data));
-        this._hls.on(Hls.Events.FRAG_CHANGED, (evt, data) => this._onFragmentChanged(evt, data));
-        this._hls.on(Hls.Events.FRAG_LOADED, (evt, data) => this._onFragmentLoaded(evt, data));
-        this._hls.on(Hls.Events.FRAG_PARSING_METADATA, (evt, data) => this._onFragmentParsingMetadata(evt, data));
-        this._hls.on(Hls.Events.ERROR, (evt, data) => this._onHLSJSError(evt, data));
-        // this._hls.on(HLSJS.Events.SUBTITLE_TRACK_LOADED, () =>
-        //   this._onSubtitleLoaded(),
-        // )
+        this._hls.on(Events.LEVEL_UPDATED, (evt, data) => this._onLevelUpdated(evt, data));
+        this._hls.on(Events.LEVEL_SWITCHING, (evt, data) => this._onLevelSwitch(evt, data));
+        this._hls.on(Events.LEVEL_SWITCHED, (evt, data) => this._onLevelSwitched(evt, data));
+        this._hls.on(Events.ERROR, (evt, data) => this._onHLSJSError(evt, data));
         this._hls.on(Events.AUDIO_TRACKS_UPDATED, (evt, data) => this._onAudioTracksUpdated(evt, data));
         this._hls.on(Events.AUDIO_TRACK_SWITCHED, (evt, data) => this._onAudioTrackSwitched(evt, data));
+        this._hls.on(Events.CUES_PARSED, (evt, data) => {
+            data.cues?.forEach((cue) => {
+                this.cues.push({
+                    id: cue.id,
+                    start: cue.startTime,
+                    end: cue.endTime,
+                    text: cue.text,
+                });
+            });
+        });
         this.bindCustomListeners();
     }
     bindCustomListeners() {
@@ -50355,13 +50407,6 @@ class HlsPlayback extends BasePlayback {
             requestedEventName && this._hls.off(requestedEventName, item.callback);
         });
     }
-    _onFragmentParsingMetadata(evt, data) {
-        // @ts-ignore
-        this.trigger(Events$1.Custom.PLAYBACK_FRAGMENT_PARSING_METADATA, {
-            evt,
-            data,
-        });
-    }
     render() {
         this._ready();
         return super.render();
@@ -50443,6 +50488,7 @@ class HlsPlayback extends BasePlayback {
         this.dvrEnabled && this._updateDvr(time < this.getDuration() - 3);
         time += this._startTime;
         this.el.currentTime = time;
+        this.triggerCues();
     }
     seekToLivePoint() {
         this.seek(this.getDuration());
@@ -50491,20 +50537,20 @@ class HlsPlayback extends BasePlayback {
             if (this._recoverAttemptsRemaining > 0) {
                 this._recoverAttemptsRemaining -= 1;
                 switch (data.type) {
-                    case Hls.ErrorTypes.NETWORK_ERROR:
+                    case ErrorTypes.NETWORK_ERROR:
                         switch (data.details) {
                             // The following network errors cannot be recovered with HLS.startLoad()
                             // For more details, see https://github.com/video-dev/hls.js/blob/master/doc/design.md#error-detection-and-handling
                             // For "level load" fatal errors, see https://github.com/video-dev/hls.js/issues/1138
                             // TODO test handling of these errors
-                            case Hls.ErrorDetails.MANIFEST_LOAD_ERROR:
-                            case Hls.ErrorDetails.MANIFEST_LOAD_TIMEOUT:
-                            case Hls.ErrorDetails.MANIFEST_PARSING_ERROR:
+                            case ErrorDetails.MANIFEST_LOAD_ERROR:
+                            case ErrorDetails.MANIFEST_LOAD_TIMEOUT:
+                            case ErrorDetails.MANIFEST_PARSING_ERROR:
                             // TODO sort out the errors below, perhaps some of them are recoverable
-                            case Hls.ErrorDetails.LEVEL_LOAD_ERROR:
-                            case Hls.ErrorDetails.LEVEL_LOAD_TIMEOUT:
-                            case Hls.ErrorDetails.FRAG_LOAD_ERROR:
-                            case Hls.ErrorDetails.FRAG_LOAD_TIMEOUT:
+                            case ErrorDetails.LEVEL_LOAD_ERROR:
+                            case ErrorDetails.LEVEL_LOAD_TIMEOUT:
+                            case ErrorDetails.FRAG_LOAD_ERROR:
+                            case ErrorDetails.FRAG_LOAD_TIMEOUT:
                                 Log.error('hlsjs: unrecoverable network fatal error.', {
                                     evt,
                                     data,
@@ -50521,11 +50567,11 @@ class HlsPlayback extends BasePlayback {
                                     details: data.details,
                                 });
                                 error.level = PlayerError.Levels.WARN;
-                                this._hls?.startLoad();
+                                this.reload();
                                 break;
                         }
                         break;
-                    case Hls.ErrorTypes.MEDIA_ERROR:
+                    case ErrorTypes.MEDIA_ERROR:
                         Log.warn('hlsjs: trying to recover from media error.', {
                             evt,
                             data,
@@ -50566,9 +50612,14 @@ class HlsPlayback extends BasePlayback {
             });
         }
     }
+    reload() {
+        this.cues = [];
+        this.currentCueId = null;
+        this._hls?.startLoad(-1);
+    }
     _keyIsDenied(data) {
-        return (data.type === Hls.ErrorTypes.NETWORK_ERROR &&
-            data.details === Hls.ErrorDetails.KEY_LOAD_ERROR &&
+        return (data.type === ErrorTypes.NETWORK_ERROR &&
+            data.details === ErrorDetails.KEY_LOAD_ERROR &&
             data.response &&
             data.response.code &&
             data.response.code >= 400);
@@ -50586,6 +50637,7 @@ class HlsPlayback extends BasePlayback {
         }
         this._lastTimeUpdate = update;
         this.trigger(Events$1.PLAYBACK_TIMEUPDATE, update, this.name);
+        this.triggerCues();
     }
     _onDurationChange() {
         const duration = this.getDuration();
@@ -50624,6 +50676,20 @@ class HlsPlayback extends BasePlayback {
         };
         this.trigger(Events$1.PLAYBACK_PROGRESS, progress, buffered);
     }
+    triggerCues() {
+        const currentTime = this.getCurrentTime();
+        // const cues = Object.values(this.cues)
+        // TODO build a search tree
+        const cue = this.cues.find((cue) => currentTime >= cue.start && currentTime <= cue.end);
+        if (cue) {
+            this.currentCueId = cue.id;
+            this.oncueenter?.(cue);
+        }
+        else if (this.currentCueId) {
+            this.oncueexit?.({ id: this.currentCueId });
+            this.currentCueId = null;
+        }
+    }
     load(url) {
         this._stopTimeUpdateTimer();
         this.options.src = url;
@@ -50815,26 +50881,6 @@ class HlsPlayback extends BasePlayback {
         durationChanged && this._onDurationChange();
         startTimeChanged && this._onProgress();
     }
-    _onFragmentChanged(evt, data) {
-        this._currentFragment = data.frag;
-        // @ts-ignore
-        this.trigger(Events$1.Custom.PLAYBACK_FRAGMENT_CHANGED, data);
-    }
-    _onFragmentLoaded(evt, data) {
-        this.trigger(Events$1.PLAYBACK_FRAGMENT_LOADED, data);
-    }
-    // _onSubtitleLoaded() {
-    //   trace(`${T} _onSubtitleLoaded`)
-    //   // This event may be triggered multiple times
-    //   // Setup CC only once (disable CC by default)
-    //   if (!this._ccIsSetup) {
-    //     this.trigger(Events.PLAYBACK_SUBTITLE_AVAILABLE)
-    //     const trackId =
-    //       this._playbackType === Playback.LIVE ? -1 : this.closedCaptionsTrackId
-    //     this.closedCaptionsTrackId = trackId
-    //     this._ccIsSetup = true
-    //   }
-    // }
     _onLevelSwitch(evt, data) {
         if (!this.levels.length) {
             this._fillLevels();
@@ -50906,6 +50952,26 @@ class HlsPlayback extends BasePlayback {
         const track = this._hls.audioTracks[data.id];
         this.trigger(Events$1.PLAYBACK_AUDIO_CHANGED, toClapprTrack(track));
     }
+    setTextTrack(id) {
+        this._hls.subtitleTrack = id;
+    }
+    /**
+     * @override
+     */
+    get closedCaptionsTracks() {
+        return this.getTextTracks();
+    }
+    getTextTracks() {
+        return this._hls?.subtitleTracks.map((t) => ({
+            id: t.id,
+            name: t.name,
+            track: {
+                id: t.id,
+                label: t.name,
+                language: t.lang,
+            },
+        })) || [];
+    }
 }
 HlsPlayback.canPlay = function (resource, mimeType) {
     if (!isHlsSource(resource, mimeType)) {
@@ -51507,7 +51573,7 @@ class Player {
     }
 }
 
-var version$1 = "2.28.28";
+var version$1 = "2.28.29";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -60058,6 +60124,7 @@ class ClosedCaptions extends UICorePlugin {
     bindEvents() {
         this.listenTo(this.core, Events$1.CORE_READY, this.onCoreReady);
         this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onContainerChanged);
+        this.listenTo(this.core, Events$1.PLAYBACK_READY, this.onPlaybackReady);
     }
     onCoreReady() {
         const mediaControl = this.core.getPlugin('media_control');
@@ -60071,18 +60138,15 @@ class ClosedCaptions extends UICorePlugin {
                 this.hideMenu();
             }
         });
+        this.onPlaybackReady();
     }
     onContainerChanged() {
+        this.tracks = [];
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_FULLSCREEN, this.onContainerResize);
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_RESIZE, this.onContainerResize);
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_DESTROYED, () => {
             this.clickaway(null);
         });
-        // this.listenTo(
-        //   this.core.activeContainer,
-        //   'container:advertisement:start',
-        //   this.onStartAd,
-        // )
         this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_SUBTITLE_AVAILABLE, this.onSubtitleAvailable);
         this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_SUBTITLE_CHANGED, this.onSubtitleChanged);
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_CLICK, () => {
@@ -60104,27 +60168,33 @@ class ClosedCaptions extends UICorePlugin {
         });
         this.isPreselectedApplied = false;
     }
+    onPlaybackReady() {
+        trace(`${T$3} onPlaybackReady`);
+        this.core.activePlayback.oncueenter = (e) => {
+            this.setSubtitleText(e.text);
+        };
+        this.core.activePlayback.oncueexit = () => {
+            this.clearSubtitleText();
+        };
+    }
     onSubtitleAvailable() {
-        trace(`${T$3} onSubtitleAvailable`, {
-            tracks: this.core.activePlayback.closedCaptionsTracks.length,
-        });
         this.applyTracks();
         this.mount();
     }
     onSubtitleChanged({ id: changedId }) {
         // ignoring the subtitle selected by the playback engine or user agent
-        const id = this.track?.id ?? -1;
-        trace(`${T$3} onSubtitleChanged`, {
-            changedId,
-            id,
-        });
+        const id = this.currentTrack?.id ?? -1;
         if (id === -1) {
             this.clearSubtitleText();
         }
         this.activateTrack(id);
     }
     activateTrack(id) {
-        for (const track of this.tracks) {
+        if (['dash', 'hls'].includes(this.core.activePlayback?.name)) {
+            this.core.activePlayback.setTextTrack(id);
+            return;
+        }
+        for (const track of this.currentTracks) {
             if (track.id === id) {
                 if (this.useNativeSubtitles) {
                     track.track.mode = 'showing';
@@ -60149,14 +60219,15 @@ class ClosedCaptions extends UICorePlugin {
                 };
             }
             else {
-                track.track.oncuechange = null;
+                track.track.oncuechange = () => { };
                 track.track.mode = 'disabled';
             }
         }
     }
     applyTracks() {
         try {
-            this.tracks = this.core.activePlayback.closedCaptionsTracks;
+            // TODO ensure to apply only once
+            this.currentTracks = this.core.activePlayback.closedCaptionsTracks;
             this.applyPreselectedSubtitles();
             this.render();
         }
@@ -60164,29 +60235,11 @@ class ClosedCaptions extends UICorePlugin {
             reportError(error);
         }
     }
-    // private onStartAd() {
-    //   if (this.active && this.core.activeContainer) {
-    //     this.hide()
-    //     this.listenTo(
-    //       this.core.activeContainer,
-    //       'container:advertisement:finish',
-    //       this.onFinishAd,
-    //     )
-    //   }
-    // }
-    // private onFinishAd() {
-    //   this.show()
-    //   this.stopListening(
-    //     this.core.activeContainer,
-    //     'container:advertisement:finish',
-    //     this.onFinishAd,
-    //   )
-    // }
     onContainerResize() {
         const shouldShow = this.core.activeContainer &&
             isFullscreen(this.core.activeContainer.el) &&
-            this.track &&
-            this.track.track.mode &&
+            this.currentTrack &&
+            this.currentTrack.track.mode &&
             Browser.isiOS &&
             this.active;
         if (shouldShow) {
@@ -60210,10 +60263,8 @@ class ClosedCaptions extends UICorePlugin {
         this.$el.find('#gplayer-cc-menu').hide();
         this.$el.find('#gplayer-cc-button').attr('aria-expanded', 'false');
         this.$line.hide();
-        if (this.tracks) {
-            for (const t of this.tracks) {
-                t.track.mode = 'hidden';
-            }
+        for (const track of this.currentTracks) {
+            track.track.mode = 'hidden';
         }
     }
     /**
@@ -60224,18 +60275,19 @@ class ClosedCaptions extends UICorePlugin {
         this.renderIcon();
         if (this.core.activeContainer &&
             isFullscreen(this.core.activeContainer.el) &&
-            this.track &&
-            this.track.track.mode &&
+            this.currentTrack &&
+            // this.currentTrack.track.mode &&
             (Browser.isiOS || this.useNativeSubtitles)) {
             this.$line.hide();
-            this.track.track.mode = 'showing';
+            this.currentTrack.track.mode = 'showing';
         }
         else {
             this.$line.show();
         }
     }
     shouldRender() {
-        return this.tracks?.length > 0;
+        // this might not have been fully initialized yet since `render` is called from the parent class constructor
+        return this.currentTracks?.length > 0;
     }
     resizeFont() {
         if (!this.$line) {
@@ -60248,13 +60300,16 @@ class ClosedCaptions extends UICorePlugin {
      * @internal
      */
     render() {
+        if (!this.shouldRender()) {
+            return this;
+        }
         if (!this.core.activeContainer) {
             return this;
         }
         this.$el.html(ClosedCaptions.templateControl({
-            tracks: this.tracks ?? [],
+            tracks: this.currentTracks,
             i18n: this.core.i18n,
-            current: this.track?.id ?? -1,
+            current: this.currentTrack?.id ?? -1,
         }));
         this.$el.find('#gplayer-cc-menu').hide();
         this.open = false;
@@ -60268,11 +60323,11 @@ class ClosedCaptions extends UICorePlugin {
         return this;
     }
     findById(id) {
-        return this.tracks.find((track) => track.id === id) ?? null;
+        return this.currentTracks.find((track) => track.id === id) || null;
     }
     selectItem(item) {
         this.clearSubtitleText();
-        this.track = item;
+        this.currentTrack = item;
         const trackId = item?.id ?? -1;
         this.core.activePlayback.closedCaptionsTrackId = trackId;
         this.updateSelection();
@@ -60329,7 +60384,7 @@ class ClosedCaptions extends UICorePlugin {
         return this.$el.find('#gplayer-cc-menu li'); // TODO fix semantically
     }
     selectSubtitles() {
-        const trackId = this.track ? this.track.id : -1;
+        const trackId = this.currentTrack?.id ?? -1;
         // TODO find out if this is needed
         this.core.activePlayback.closedCaptionsTrackId = trackId;
         // this.core.activePlayback.closedCaptionsTrackId = -1
@@ -60355,7 +60410,7 @@ class ClosedCaptions extends UICorePlugin {
         this.setSubtitleText('');
     }
     updateSelection() {
-        if (!this.track) {
+        if (!this.currentTrack) {
             this.hide();
         }
         else {
@@ -60370,7 +60425,7 @@ class ClosedCaptions extends UICorePlugin {
             .find('a')
             .removeClass('gcore-skin-active')
             .attr('aria-checked', 'false');
-        const currentLevelElement = this.itemElement(this.track ? this.track.id : -1);
+        const currentLevelElement = this.itemElement(this.currentTrack?.id ?? -1);
         currentLevelElement
             .addClass('current')
             .find('a')
@@ -60395,15 +60450,28 @@ class ClosedCaptions extends UICorePlugin {
         }
     }
     get useNativeSubtitles() {
-        if (this.core.activePlayback?.name === 'dash') {
-            return true;
-        }
         const mode = this.core.options.cc?.mode ??
             this.core.options.subtitles?.mode ??
             'custom';
         // TODO or Safari? or iOS?
         return mode === 'native';
     }
+    get currentTracks() {
+        return this.tracks;
+    }
+    get currentTrack() {
+        return this.track;
+    }
+    set currentTrack(track) {
+        this.track = track;
+    }
+    set currentTracks(tracks) {
+        this.tracks = tracks.map(track => ({
+            id: track.id,
+            name: !track.name || track.name === "null" ? track.track.language : track.name,
+            track: track.track,
+        }));
+    }
     clickaway = mediaControlClickaway(() => this.hideMenu());
 }
 

package/lib/playback/BasePlayback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasePlayback.d.ts","sourceRoot":"","sources":["../../src/playback/BasePlayback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,UAAU,EAAe,MAAM,cAAc,CAAA;AAI5E;;;GAGG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,IAAI,YAAY,YAEf;IAED,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,YAAY;IA0BlD;;;OAGG;IACH,eAAe,CAAC,IAAI,EAAE,MAAM;IAInB,UAAU;CAIpB"}
+{"version":3,"file":"BasePlayback.d.ts","sourceRoot":"","sources":["../../src/playback/BasePlayback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,UAAU,EAAe,MAAM,cAAc,CAAA;AAK5E;;;GAGG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,IAAI,YAAY,YAEf;IAED,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,YAAY;IA0BlD;;;OAGG;IACH,eAAe,CAAC,IAAI,EAAE,MAAM;IAInB,UAAU;CAIpB"}

package/lib/playback/dash-playback/DashPlayback.d.ts

@@ -1,6 +1,6 @@
 import { Playback } from '@clappr/core';
-import { IManifestInfo, MediaPlayerClass, Representation } from 'dashjs';
-import { QualityLevel, TimePosition, TimeValue } from '../../playback.types.js';
+import { MediaPlayerClass, IManifestInfo } from 'dashjs';
+import { QualityLevel, TimePosition, TimeValue, VTTCueInfo } from '../../playback.types.js';
 import { BasePlayback } from '../BasePlayback.js';
 import { AudioTrack } from '@clappr/core/types/base/playback/playback.js';
 type PlaybackType = typeof Playback.VOD | typeof Playback.LIVE | typeof Playback.AOD | typeof Playback.NO_OP;
@@ -28,6 +28,10 @@ export default class DashPlayback extends BasePlayback {
     startChangeQuality: boolean;
     manifestInfo: IManifestInfo | null;
     _timeUpdateTimer: ReturnType<typeof setInterval> | null;
+    oncueenter: ((e: VTTCueInfo) => void) | null;
+    oncueexit: ((e: {
+        id: string;
+    }) => void) | null;
     get name(): string;
     get levels(): QualityLevel[];
     get currentLevel(): number;
@@ -66,7 +70,7 @@ export default class DashPlayback extends BasePlayback {
     private destroyInstance;
     destroy(): void;
     _updatePlaybackType(): void;
-    _fillLevels(levels: Representation[]): void;
+    private _fillLevels;
     private onLevelSwitch;
     private onLevelSwitchEnd;
     getPlaybackType(): string;
@@ -82,6 +86,21 @@ export default class DashPlayback extends BasePlayback {
      * @override
      */
     _handleTextTrackChange(): void;
+    setTextTrack(id: number): void;
+    /**
+     * @override
+     */
+    get closedCaptionsTracks(): {
+        id: number;
+        name: string;
+        track: {
+            id: number;
+            label: string;
+            language: string | null;
+            mode: string;
+        };
+    }[];
+    private getTextTracks;
 }
 export {};
 //# sourceMappingURL=DashPlayback.d.ts.map