@gcorevideo/player 2.25.9 → 2.25.10

package/dist/index.embed.js

@@ -12524,7 +12524,7 @@ var PlaybackEvents;
 // https://github.com/clappr/clappr/blob/8752995ea439321ac7ca3cd35e8c64de7a3c3d17/LICENSE
 const AUTO$1 = -1;
 const { now: now$2 } = Utils;
-const T$d = 'playback.dash';
+const T$e = 'playback.dash';
 class DashPlayback extends BasePlayback {
     _levels = null;
     _currentLevel = null;
@@ -12873,7 +12873,7 @@ class DashPlayback extends BasePlayback {
         if (!this._dash) {
             return false;
         }
-        trace(`${T$d} get.dvrEnabled`, {
+        trace(`${T$e} get.dvrEnabled`, {
             dvrWindowSize: this._dash?.getDVRWindowSize(),
             minDvrSize: this._minDvrSize,
             playbackType: this.getPlaybackType(),
@@ -12895,7 +12895,7 @@ class DashPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_PROGRESS, progress, {});
     }
     play() {
-        trace(`${T$d} play`, { dash: !!this._dash });
+        trace(`${T$e} play`, { dash: !!this._dash });
         !this._dash && this._setup();
         super.play();
         this._startTimeUpdateTimer();
@@ -41688,7 +41688,7 @@ const AUTO = -1;
 const DEFAULT_RECOVER_ATTEMPTS = 16;
 Events$1.register('PLAYBACK_FRAGMENT_CHANGED');
 Events$1.register('PLAYBACK_FRAGMENT_PARSING_METADATA');
-const T$c = 'playback.hls';
+const T$d = 'playback.hls';
 class HlsPlayback extends BasePlayback {
     _ccIsSetup = false;
     _ccTracksUpdated = false;
@@ -41961,9 +41961,9 @@ class HlsPlayback extends BasePlayback {
         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, (evt, data) => this._onSubtitleLoaded(evt, data));
-        this._hls.on(Hls.Events.SUBTITLE_TRACK_LOADED, () => this._onSubtitleLoaded());
-        this._hls.on(Hls.Events.SUBTITLE_TRACKS_UPDATED, () => (this._ccTracksUpdated = true));
+        // this._hls.on(HLSJS.Events.SUBTITLE_TRACK_LOADED, () =>
+        //   this._onSubtitleLoaded(),
+        // )
         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.bindCustomListeners();
@@ -42012,7 +42012,7 @@ class HlsPlayback extends BasePlayback {
         }
         else {
             Log.error('hlsjs: failed to recover', { evt, data });
-            trace(`${T$c} _recover failed to recover`, {
+            trace(`${T$d} _recover failed to recover`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42098,7 +42098,7 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
     _onHLSJSError(evt, data) {
-        trace(`${T$c} _onHLSJSError`, {
+        trace(`${T$d} _onHLSJSError`, {
             fatal: data.fatal,
             type: data.type,
             details: data.details,
@@ -42146,7 +42146,7 @@ class HlsPlayback extends BasePlayback {
                                     evt,
                                     data,
                                 });
-                                trace(`${T$c} _onHLSJSError trying to recover from network error`, {
+                                trace(`${T$d} _onHLSJSError trying to recover from network error`, {
                                     details: data.details,
                                 });
                                 error.level = PlayerError.Levels.WARN;
@@ -42159,7 +42159,7 @@ class HlsPlayback extends BasePlayback {
                             evt,
                             data,
                         });
-                        trace(`${T$c} _onHLSJSError trying to recover from media error`, {
+                        trace(`${T$d} _onHLSJSError trying to recover from media error`, {
                             details: data.details,
                         });
                         error.level = PlayerError.Levels.WARN;
@@ -42189,7 +42189,7 @@ class HlsPlayback extends BasePlayback {
                 return;
             }
             Log.warn('hlsjs: non-fatal error occurred', { evt, data });
-            trace(`${T$c} _onHLSJSError non-fatal error occurred`, {
+            trace(`${T$d} _onHLSJSError non-fatal error occurred`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42293,11 +42293,13 @@ class HlsPlayback extends BasePlayback {
         this._playbackType = (data.details.live ? Playback.LIVE : Playback.VOD);
         this._onLevelUpdated(evt, data);
         // Live stream subtitle tracks detection hack (may not immediately available)
-        if (this._ccTracksUpdated &&
-            this._playbackType === Playback.LIVE &&
-            this.hasClosedCaptionsTracks) {
-            this._onSubtitleLoaded();
-        }
+        // if (
+        //   this._ccTracksUpdated &&
+        //   this._playbackType === Playback.LIVE &&
+        //   this.hasClosedCaptionsTracks
+        // ) {
+        //   this._onSubtitleLoaded()
+        // }
         if (prevPlaybackType !== this._playbackType) {
             this._updateSettings();
         }
@@ -42450,16 +42452,18 @@ class HlsPlayback extends BasePlayback {
     _onFragmentLoaded(evt, data) {
         this.trigger(Events$1.PLAYBACK_FRAGMENT_LOADED, data);
     }
-    _onSubtitleLoaded() {
-        // This event may be triggered multiple times
-        // Setup CC only once (disable CC by default)
-        if (!this._ccIsSetup) {
-            this.trigger(Events$1.PLAYBACK_SUBTITLE_AVAILABLE);
-            const trackId = this._playbackType === Playback.LIVE ? -1 : this.closedCaptionsTrackId;
-            this.closedCaptionsTrackId = trackId;
-            this._ccIsSetup = true;
-        }
-    }
+    // _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();
@@ -42546,7 +42550,7 @@ function toClapprTrack(t) {
     };
 }
 
-const T$b = 'playback.html5_video';
+const T$c = 'playback.html5_video';
 const STALL_TIMEOUT = 15000;
 class HTML5Video extends BasePlayback {
     stallTimerId = null;
@@ -42554,7 +42558,7 @@ class HTML5Video extends BasePlayback {
      * @internal
      */
     createError(errorData, options) {
-        trace(`${T$b} createError`, {
+        trace(`${T$c} createError`, {
             errorData: { ...errorData },
         });
         const i18n = this.i18n ||
@@ -42580,12 +42584,12 @@ class HTML5Video extends BasePlayback {
         super._onEnded();
     }
     _handleBufferingEvents() {
-        trace(`${T$b} _handleBufferingEvents`, {
+        trace(`${T$c} _handleBufferingEvents`, {
             networkState: this.el.networkState,
         });
         if (!this.stallTimerId) {
             this.stallTimerId = setTimeout(() => {
-                trace(`${T$b} _handleBufferingEvents stall timeout`, {
+                trace(`${T$c} _handleBufferingEvents stall timeout`, {
                     buffering: this.buffering,
                     ended: this.ended,
                 });
@@ -42671,7 +42675,7 @@ function registerPlaybacks() {
     Loader.registerPlayback(DashPlayback);
 }
 
-const T$a = 'gplayer';
+const T$b = 'gplayer';
 const DEFAULT_OPTIONS = {
     autoPlay: false,
     debug: 'none',
@@ -42759,7 +42763,7 @@ class Player {
      * ```
      */
     attachTo(playerElement) {
-        trace(`${T$a} attachTo`, {
+        trace(`${T$b} attachTo`, {
             player: !!this.player,
         });
         assert.ok(!this.player, 'Player already initialized');
@@ -42769,7 +42773,7 @@ class Player {
         }
         const coreOpts = this.buildCoreOptions(playerElement);
         const { core, container } = Player.getRegisteredPlugins();
-        trace(`${T$a} init`, {
+        trace(`${T$b} init`, {
             registeredPlaybacks: Loader.registeredPlaybacks.map((p) => p.prototype.name),
         });
         coreOpts.plugins = {
@@ -42783,7 +42787,7 @@ class Player {
      * Destroys the player, releasing all resources and unmounting its UI from the DOM.
      */
     destroy() {
-        trace(`${T$a} destroy`, {
+        trace(`${T$b} destroy`, {
             player: !!this.player,
         });
         if (this.player) {
@@ -42970,7 +42974,7 @@ class Player {
         this.config = $.extend(true, this.config, config);
     }
     initPlayer(coreOptions) {
-        trace(`${T$a} initPlayer`, {
+        trace(`${T$b} initPlayer`, {
             autoPlay: coreOptions.autoPlay,
             sources: coreOptions.sources,
             player: !!this.player,
@@ -43010,7 +43014,7 @@ class Player {
     // TODO test
     events = {
         onReady: () => {
-            trace(`${T$a} onReady`, {
+            trace(`${T$b} onReady`, {
                 ready: this.ready,
             });
             if (this.ready) {
@@ -43100,7 +43104,7 @@ class Player {
         assert.ok(this.player, 'Player is not initialized');
         const core = this.player.core;
         core.on(Events$1.CORE_SCREEN_ORIENTATION_CHANGED, ({ orientation }) => {
-            trace(`${T$a} on CORE_SCREEN_ORIENTATION_CHANGED`, {
+            trace(`${T$b} on CORE_SCREEN_ORIENTATION_CHANGED`, {
                 rootNode: {
                     width: this.rootNode?.clientWidth,
                     height: this.rootNode?.clientHeight,
@@ -44867,7 +44871,7 @@ const templateHtml$2 = "<div class=\"big-mute-icon-wrapper\" data-big-mute id=\"
 
 insertStyle(".big-mute-icon-wrapper[data-big-mute] {\n  position: absolute;\n  z-index: 9998;\n  background-color: transparent;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: calc(100% - 50px);\n  margin: 0 auto;\n  opacity: 0.75;\n  transition: opacity 0.1s ease;\n  pointer-events: auto;\n}\n.big-mute-icon-wrapper[data-big-mute].hide {\n  display: none;\n}\n.big-mute-icon-wrapper[data-big-mute]:hover {\n  cursor: pointer;\n}\n\n.big-mute-icon[data-big-mute-icon] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  width: 120px;\n  height: 120px;\n  border: 2px solid white;\n  border-radius: 50%;\n  filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)\";\n  filter: alpha(opacity=60);\n  opacity: 1;\n  box-shadow: 0 0 1px 0 white;\n  background: rgba(240, 243, 247, 0.9411764706);\n  z-index: 10000;\n}\n.big-mute-icon[data-big-mute-icon] svg {\n  margin-left: 5px;\n  width: 80px;\n  height: 80px;\n}\n.big-mute-icon[data-big-mute-icon] svg path {\n  fill: #1f1e1e !important;\n}\n.big-mute-icon[data-big-mute-icon]:hover {\n  background: rgba(240, 243, 247, 0.8784313725);\n}\n.big-mute-icon[data-big-mute-icon]:hover svg path {\n  fill: #151515 !important;\n}");
 
-const T$9 = 'plugins.big_mute_button';
+const T$a = 'plugins.big_mute_button';
 // TODO rewrite as a container plugin
 /**
  * `PLUGIN` that displays a big mute button over the video when it's being played muted.
@@ -44930,7 +44934,7 @@ class BigMuteButton extends UICorePlugin {
         if (autoPlay) {
             this.autoPlay = true;
         }
-        trace(`${T$9} onPlay`, {
+        trace(`${T$a} onPlay`, {
             autoPlay: this.autoPlay});
         if (this.autoPlay && !wasMuted && volume === 0) {
             this.mount();
@@ -48499,7 +48503,7 @@ const templateHtml = "<div class=\"player-error-screen__content\" data-error-scr
 
 insertStyle("div.player-error-screen, [data-player] div.player-error-screen {\n  color: #CCCACA;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.7);\n  z-index: 2000;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\ndiv.player-error-screen__content[data-error-screen], [data-player] div.player-error-screen__content[data-error-screen] {\n  font-size: 14px;\n  color: #CCCACA;\n  margin-top: 45px;\n}\ndiv.player-error-screen__title[data-error-screen], [data-player] div.player-error-screen__title[data-error-screen] {\n  font-weight: bold;\n  line-height: 30px;\n  font-size: 18px;\n}\ndiv.player-error-screen__message[data-error-screen], [data-player] div.player-error-screen__message[data-error-screen] {\n  width: 90%;\n  margin: 0 auto;\n}\ndiv.player-error-screen__code[data-error-screen], [data-player] div.player-error-screen__code[data-error-screen] {\n  font-size: 13px;\n  margin-top: 15px;\n}\ndiv.player-error-screen__reload, [data-player] div.player-error-screen__reload {\n  cursor: pointer;\n  width: 30px;\n  margin: 15px auto 0;\n}");
 
-const T$8 = 'plugins.error_screen';
+const T$9 = 'plugins.error_screen';
 /**
  * `PLUGIN` that displays fatal errors nicely in the overlay on top of the player.
  * @public
@@ -48575,7 +48579,7 @@ class ErrorScreen extends UICorePlugin {
         }, 0);
     }
     onActiveContainerChanged() {
-        trace(`${T$8} onActiveContainerChanged`, {
+        trace(`${T$9} onActiveContainerChanged`, {
             reloading: this.core.options.reloading,
         });
         this.err = null;
@@ -48634,7 +48638,7 @@ const buttonHtml$2 = "<button class=\"gplayer-lite-btn gcore-skin-button-color\"
 insertStyle(".media-control-skin-1 .media-control-item.media-control-pip {\n  order: 95;\n}\n.media-control-skin-1 .media-control-item.media-control-pip button {\n  height: 20px;\n}\n.media-control-skin-1 .media-control-item.media-control-pip button svg {\n  height: 20px;\n}");
 
 const VERSION$3 = '0.0.1';
-const T$7 = `plugins.pip`;
+const T$8 = `plugins.pip`;
 /**
  * `PLUGIN` that enables picture in picture mode.
  * @beta
@@ -48717,7 +48721,7 @@ class PictureInPicture extends UICorePlugin {
         }
     }
     requestPictureInPicture() {
-        trace(`${T$7} requestPictureInPicture`, {
+        trace(`${T$8} requestPictureInPicture`, {
             videoElement: !!this.videoElement,
         });
         this.videoElement.requestPictureInPicture();
@@ -48749,7 +48753,7 @@ const DEFAULT_PLAYBACK_RATES = [
     { value: 2.0, label: '2x' },
 ];
 const DEFAULT_PLAYBACK_RATE = 1;
-const T$6 = 'plugins.playback_rate';
+const T$7 = 'plugins.playback_rate';
 /**
  * `PLUGIN` that allows changing the playback speed of the video.
  * @beta
@@ -48856,7 +48860,7 @@ class PlaybackRate extends UICorePlugin {
         this.mount();
     }
     mount() {
-        trace(`${T$6} mount`, {
+        trace(`${T$7} mount`, {
             shouldMount: this.shouldMount(),
         });
         if (!this.shouldMount()) {
@@ -48873,7 +48877,7 @@ class PlaybackRate extends UICorePlugin {
         })));
     }
     onMetaDataLoaded() {
-        trace(`${T$6} onMetaDataLoaded`, {
+        trace(`${T$7} onMetaDataLoaded`, {
             playbackType: this.core.activePlayback.getPlaybackType(),
             dvrEnabled: this.core.activePlayback.dvrEnabled,
         });
@@ -48895,13 +48899,13 @@ class PlaybackRate extends UICorePlugin {
             this.core.activePlayback?.setPlaybackRate(this.selectedRate);
         }
         else {
-            trace(`${T$6} onPlaybackRateChange not steering to the selected rate, it is seemingly a catchup algorithm working`, {
+            trace(`${T$7} onPlaybackRateChange not steering to the selected rate, it is seemingly a catchup algorithm working`, {
                 selectedRate: this.selectedRate,
             });
         }
     }
     shouldMount() {
-        trace(`${T$6} shouldMount`, {
+        trace(`${T$7} shouldMount`, {
             playbackType: this.core.activePlayback?.getPlaybackType(),
             dvrEnabled: this.core.activePlayback?.dvrEnabled,
         });
@@ -48918,7 +48922,7 @@ class PlaybackRate extends UICorePlugin {
      * @internal
      */
     render() {
-        trace(`${T$6} render`, {
+        trace(`${T$7} render`, {
             shouldMount: this.shouldMount(),
         });
         this.$el.html(PlaybackRate.listTemplate({
@@ -48964,13 +48968,13 @@ class PlaybackRate extends UICorePlugin {
         }
     }
     syncRate() {
-        trace(`${T$6} syncRate`, {
+        trace(`${T$7} syncRate`, {
             selectedRate: this.selectedRate,
         });
         this.core.activePlayback?.setPlaybackRate(this.selectedRate);
     }
     resetPlaybackRate() {
-        trace(`${T$6} resetPlaybackRate`, {
+        trace(`${T$7} resetPlaybackRate`, {
             selectedRate: this.selectedRate,
         });
         this.core.activePlayback?.setPlaybackRate(DEFAULT_PLAYBACK_RATE);
@@ -49005,7 +49009,7 @@ class PlaybackRate extends UICorePlugin {
             ?.label || `x${rate}`);
     }
     highlightCurrentRate() {
-        trace(`${T$6} highlightCurrentRate`, {
+        trace(`${T$7} highlightCurrentRate`, {
             selectedRate: this.selectedRate,
         });
         this.allRateElements().removeClass('current');
@@ -49016,7 +49020,7 @@ class PlaybackRate extends UICorePlugin {
             .addClass('gcore-skin-active');
     }
     updateGearOptionLabel() {
-        trace(`${T$6} updateGearOptionLabel`, {
+        trace(`${T$7} updateGearOptionLabel`, {
             selectedRate: this.selectedRate,
         });
         this.mount();
@@ -49030,7 +49034,7 @@ const posterHTML = "<div class=\"play-wrapper\" id=\"gplayer-poster\">\n    <div
 //Copyright 2014 Globo.com Player authors. All rights reserved.
 // Use of this source code is governed by a BSD-style
 // license that can be found in the LICENSE file.
-const T$5 = 'plugins.poster';
+const T$6 = 'plugins.poster';
 /**
  * `PLUGIN` that displays a poster image in the background and a big play button on top when playback is stopped
  * @beta
@@ -49134,7 +49138,7 @@ class Poster extends UIContainerPlugin {
         super.disable();
     }
     onError(error) {
-        trace(`${T$5} onError`, {
+        trace(`${T$6} onError`, {
             enabled: this.enabled,
         });
         if (this.hasFatalError) {
@@ -49267,7 +49271,7 @@ const hdIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"non
 
 insertStyle(".quality-levels li.disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n.quality-levels li.current {\n  background-color: #000;\n}");
 
-const T$4 = 'plugins.quality_levels';
+const T$5 = 'plugins.quality_levels';
 const VERSION$2 = 'v2.22.5';
 /**
  * `PLUGIN` that provides a UI to select the desired quality level of the playback.
@@ -49510,7 +49514,7 @@ class QualityLevels extends UICorePlugin {
         this.highlightCurrentLevel();
     }
     highlightCurrentLevel() {
-        trace(`${T$4} highlightCurrentLevel`, {
+        trace(`${T$5} highlightCurrentLevel`, {
             selectedLevelId: this.selectedLevelId,
         });
         this.allLevelElements()
@@ -49538,7 +49542,7 @@ insertStyle(".seek-time {\n  position: absolute;\n  white-space: nowrap;\n  heig
 // Use of this source code is governed by a BSD-style
 // license that can be found at https://github.com/clappr/clappr-plugins/blob/master/LICENSE
 const { formatTime } = Utils;
-const T$3 = 'plugins.seek_time';
+const T$4 = 'plugins.seek_time';
 /**
  * `PLUGIN` that adds a seek time indicator when the mouse pointer is over the seek bar.
  * @beta
@@ -49597,7 +49601,7 @@ class SeekTime extends UICorePlugin {
     showTime(event) {
         this.hoveringOverSeekBar = true;
         this.calculateHoverPosition(event);
-        trace(`${T$3} showTime`, {
+        trace(`${T$4} showTime`, {
             hoverPosition: this.hoverPosition,
         });
         this.update();
@@ -49684,7 +49688,7 @@ const pluginHtml$1 = "<div class=\"skip-container\" id=\"mc-skip-container\">\n
 
 insertStyle(".container-with-poster-clickable .mc-skip-time {\n  height: 0;\n}\n\n.mc-skip-time {\n  position: absolute;\n  width: 100%;\n  height: calc(100% - 50px);\n  z-index: 9998;\n  background-color: transparent;\n  font-family: Roboto, \"Open Sans\", Arial, sans-serif;\n}\n.mc-skip-time .skip-container {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n}\n.mc-skip-time .skip-container .skip-item {\n  flex: 1 0 0px;\n  height: 100%;\n}");
 
-const T$2 = 'plugins.skip_time';
+const T$3 = 'plugins.skip_time';
 /**
  * `PLUGIN` that allows skipping time by tapping on the left or right side of the video.
  * @beta
@@ -49734,7 +49738,7 @@ class SkipTime extends UICorePlugin {
         this.position = 'left';
     }
     handleRewindClicks() {
-        trace(`${T$2} handleRewindClicks`, {
+        trace(`${T$3} handleRewindClicks`, {
             position: this.position,
         });
         if (this.core.getPlaybackType() === Playback.LIVE &&
@@ -49745,7 +49749,7 @@ class SkipTime extends UICorePlugin {
         this.handleSkip();
     }
     handleSkip() {
-        trace(`${T$2} handleSkip`, {
+        trace(`${T$3} handleSkip`, {
             position: this.position,
         });
         if (Browser.isMobile) {
@@ -49800,7 +49804,7 @@ insertStyle(".spinner-three-bounce[data-spinner] {\n  position: absolute;\n  wid
 // Use of this source code is governed by a BSD-style
 // license that can be found in the LICENSE file.
 // https://github.com/clappr/clappr-plugins/blob/ffaa9d27005fa5a8a7c243ffc47eb5655b84b371/LICENSE
-const T$1 = 'plugins.spinner';
+const T$2 = 'plugins.spinner';
 /**
  * Custom events emitted by the plugin
  * @public
@@ -49873,14 +49877,14 @@ class SpinnerThreeBounce extends UIContainerPlugin {
         this._hide();
     }
     onStop() {
-        trace(`${T$1} onStop`, {
+        trace(`${T$2} onStop`, {
             hasFatalError: this.hasFatalError,
         });
         this._hide();
     }
     onError(e) {
         this.hasFatalError = e.code === PlaybackErrorCode.MediaSourceUnavailable;
-        trace(`${T$1} onError`, {
+        trace(`${T$2} onError`, {
             hasFatalError: this.hasFatalError,
             error: e.code,
         });
@@ -49913,7 +49917,7 @@ class SpinnerThreeBounce extends UIContainerPlugin {
         }
     }
     _hide() {
-        trace(`${T$1} _hide`, {
+        trace(`${T$2} _hide`, {
             userShown: this.userShown,
         });
         if (this.userShown) {
@@ -49930,7 +49934,7 @@ class SpinnerThreeBounce extends UIContainerPlugin {
      * @internal
      */
     render() {
-        trace(`${T$1} render`, {
+        trace(`${T$2} render`, {
             buffering: this.container.buffering,
         });
         this.$el.html(this.template());
@@ -49948,7 +49952,7 @@ class SpinnerThreeBounce extends UIContainerPlugin {
     }
 }
 
-const T = 'plugins.source_controller';
+const T$1 = 'plugins.source_controller';
 const INITIAL_RETRY_DELAY = 1000;
 const MAX_RETRY_DELAY = 5000;
 const RETRY_DELAY_BLUR = 500;
@@ -50094,7 +50098,7 @@ class SourceController extends CorePlugin {
         this.core.getPlugin('error_screen')?.disable(); //  TODO test
     }
     onActiveContainerChanged() {
-        trace(`${T} onActiveContainerChanged`, {
+        trace(`${T$1} onActiveContainerChanged`, {
             retrying: this.active,
             currentSource: this.sourcesList[this.currentSourceIndex],
         });
@@ -50115,7 +50119,7 @@ class SourceController extends CorePlugin {
     }
     bindContainerEventListeners() {
         this.core.activePlayback.on(Events$1.PLAYBACK_ERROR, (error) => {
-            trace(`${T} on PLAYBACK_ERROR`, {
+            trace(`${T$1} on PLAYBACK_ERROR`, {
                 error: {
                     code: error?.code,
                     description: error?.description,
@@ -50139,7 +50143,7 @@ class SourceController extends CorePlugin {
             }
         });
         this.core.activePlayback.on(Events$1.PLAYBACK_PLAY, () => {
-            trace(`${T} on PLAYBACK_PLAY`, {
+            trace(`${T$1} on PLAYBACK_PLAY`, {
                 currentSource: this.sourcesList[this.currentSourceIndex],
                 retrying: this.active,
             });
@@ -50158,7 +50162,7 @@ class SourceController extends CorePlugin {
         this.sourcesDelay = {};
     }
     retryPlayback() {
-        trace(`${T} retryPlayback enter`, {
+        trace(`${T$1} retryPlayback enter`, {
             currentSourceIndex: this.currentSourceIndex,
             currentSource: this.sourcesList[this.currentSourceIndex],
         });
@@ -50171,7 +50175,7 @@ class SourceController extends CorePlugin {
                 this.switching = false;
                 this.core.load(nextSource.source, nextSource.mimeType);
                 setTimeout(() => {
-                    trace(`${T} retryPlayback playing`, {
+                    trace(`${T$1} retryPlayback playing`, {
                         autoPlay: this.autoPlay,
                     });
                     this.core.activeContainer.play({
@@ -50211,6 +50215,7 @@ const stringHTML = "<div class=\"gplayer-cc-line\" id=\"gplayer-cc-line\">\n  <p
 
 const VERSION = '2.19.14';
 const LOCAL_STORAGE_CC_ID = 'gplayer.plugins.cc.selected';
+const T = 'plugins.cc';
 /**
  * `PLUGIN` that provides a UI to select the subtitles when available.
  * @beta
@@ -50224,6 +50229,14 @@ const LOCAL_STORAGE_CC_ID = 'gplayer.plugins.cc.selected';
  * - {@link MediaControl}
  *
  * Configuration options -  {@link ClosedCaptionsPluginSettings}
+ *
+ * Known issues:
+ *
+ * 1. When media source changes, the subtitles tracks aren't reloaded. Possible solution: use `playback.recycleVideo = false`
+ * {@link PlayerConfig | main config option}, which will force new video element creation every time media source changes.
+ * However, this may lead to other issues, such as autoplay not working (after media source has been changed).
+ * {@link https://github.com/video-dev/hls.js/issues/2198 | related discussion}
+ *
  * @example
  * ```ts
  * import { ClosedCaptions } from '@gcorevideo/player'
@@ -50332,6 +50345,9 @@ class ClosedCaptions extends UICorePlugin {
         });
     }
     onSubtitleAvailable() {
+        trace(`${T} onSubtitleAvailable`, {
+            tracks: this.core.activePlayback.closedCaptionsTracks.length,
+        });
         this.applyTracks();
         this.mount();
     }

package/dist/index.js

@@ -42124,9 +42124,9 @@ class HlsPlayback extends BasePlayback {
         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, (evt, data) => this._onSubtitleLoaded(evt, data));
-        this._hls.on(Hls.Events.SUBTITLE_TRACK_LOADED, () => this._onSubtitleLoaded());
-        this._hls.on(Hls.Events.SUBTITLE_TRACKS_UPDATED, () => (this._ccTracksUpdated = true));
+        // this._hls.on(HLSJS.Events.SUBTITLE_TRACK_LOADED, () =>
+        //   this._onSubtitleLoaded(),
+        // )
         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.bindCustomListeners();
@@ -42456,11 +42456,13 @@ class HlsPlayback extends BasePlayback {
         this._playbackType = (data.details.live ? Playback.LIVE : Playback.VOD);
         this._onLevelUpdated(evt, data);
         // Live stream subtitle tracks detection hack (may not immediately available)
-        if (this._ccTracksUpdated &&
-            this._playbackType === Playback.LIVE &&
-            this.hasClosedCaptionsTracks) {
-            this._onSubtitleLoaded();
-        }
+        // if (
+        //   this._ccTracksUpdated &&
+        //   this._playbackType === Playback.LIVE &&
+        //   this.hasClosedCaptionsTracks
+        // ) {
+        //   this._onSubtitleLoaded()
+        // }
         if (prevPlaybackType !== this._playbackType) {
             this._updateSettings();
         }
@@ -42613,16 +42615,18 @@ class HlsPlayback extends BasePlayback {
     _onFragmentLoaded(evt, data) {
         this.trigger(Events$1.PLAYBACK_FRAGMENT_LOADED, data);
     }
-    _onSubtitleLoaded() {
-        // This event may be triggered multiple times
-        // Setup CC only once (disable CC by default)
-        if (!this._ccIsSetup) {
-            this.trigger(Events$1.PLAYBACK_SUBTITLE_AVAILABLE);
-            const trackId = this._playbackType === Playback.LIVE ? -1 : this.closedCaptionsTrackId;
-            this.closedCaptionsTrackId = trackId;
-            this._ccIsSetup = true;
-        }
-    }
+    // _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();
@@ -43314,7 +43318,7 @@ class Player {
     }
 }
 
-var version$1 = "2.25.9";
+var version$1 = "2.25.10";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -51652,6 +51656,14 @@ const T$3 = 'plugins.cc';
  * - {@link MediaControl}
  *
  * Configuration options -  {@link ClosedCaptionsPluginSettings}
+ *
+ * Known issues:
+ *
+ * 1. When media source changes, the subtitles tracks aren't reloaded. Possible solution: use `playback.recycleVideo = false`
+ * {@link PlayerConfig | main config option}, which will force new video element creation every time media source changes.
+ * However, this may lead to other issues, such as autoplay not working (after media source has been changed).
+ * {@link https://github.com/video-dev/hls.js/issues/2198 | related discussion}
+ *
  * @example
  * ```ts
  * import { ClosedCaptions } from '@gcorevideo/player'
@@ -51760,7 +51772,9 @@ class ClosedCaptions extends UICorePlugin {
         });
     }
     onSubtitleAvailable() {
-        trace(`${T$3} onSubtitleAvailable`);
+        trace(`${T$3} onSubtitleAvailable`, {
+            tracks: this.core.activePlayback.closedCaptionsTracks.length,
+        });
         this.applyTracks();
         this.mount();
     }