@gcorevideo/player 2.25.9 → 2.26.0

package/dist/index.embed.js

@@ -12524,7 +12524,6 @@ var PlaybackEvents;
 // https://github.com/clappr/clappr/blob/8752995ea439321ac7ca3cd35e8c64de7a3c3d17/LICENSE
 const AUTO$1 = -1;
 const { now: now$2 } = Utils;
-const T$d = 'playback.dash';
 class DashPlayback extends BasePlayback {
     _levels = null;
     _currentLevel = null;
@@ -12873,11 +12872,6 @@ class DashPlayback extends BasePlayback {
         if (!this._dash) {
             return false;
         }
-        trace(`${T$d} get.dvrEnabled`, {
-            dvrWindowSize: this._dash?.getDVRWindowSize(),
-            minDvrSize: this._minDvrSize,
-            playbackType: this.getPlaybackType(),
-        });
         return (this._dash?.getDVRWindowSize() >= this._minDvrSize &&
             this.getPlaybackType() === Playback.LIVE);
     }
@@ -12895,7 +12889,6 @@ class DashPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_PROGRESS, progress, {});
     }
     play() {
-        trace(`${T$d} play`, { dash: !!this._dash });
         !this._dash && this._setup();
         super.play();
         this._startTimeUpdateTimer();
@@ -41688,7 +41681,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$6 = 'playback.hls';
 class HlsPlayback extends BasePlayback {
     _ccIsSetup = false;
     _ccTracksUpdated = false;
@@ -41961,9 +41954,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 +42005,7 @@ class HlsPlayback extends BasePlayback {
         }
         else {
             Log.error('hlsjs: failed to recover', { evt, data });
-            trace(`${T$c} _recover failed to recover`, {
+            trace(`${T$6} _recover failed to recover`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42098,7 +42091,7 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
     _onHLSJSError(evt, data) {
-        trace(`${T$c} _onHLSJSError`, {
+        trace(`${T$6} _onHLSJSError`, {
             fatal: data.fatal,
             type: data.type,
             details: data.details,
@@ -42146,7 +42139,7 @@ class HlsPlayback extends BasePlayback {
                                     evt,
                                     data,
                                 });
-                                trace(`${T$c} _onHLSJSError trying to recover from network error`, {
+                                trace(`${T$6} _onHLSJSError trying to recover from network error`, {
                                     details: data.details,
                                 });
                                 error.level = PlayerError.Levels.WARN;
@@ -42159,7 +42152,7 @@ class HlsPlayback extends BasePlayback {
                             evt,
                             data,
                         });
-                        trace(`${T$c} _onHLSJSError trying to recover from media error`, {
+                        trace(`${T$6} _onHLSJSError trying to recover from media error`, {
                             details: data.details,
                         });
                         error.level = PlayerError.Levels.WARN;
@@ -42189,7 +42182,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$6} _onHLSJSError non-fatal error occurred`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42293,11 +42286,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 +42445,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 +42543,6 @@ function toClapprTrack(t) {
     };
 }
 
-const T$b = 'playback.html5_video';
 const STALL_TIMEOUT = 15000;
 class HTML5Video extends BasePlayback {
     stallTimerId = null;
@@ -42554,9 +42550,6 @@ class HTML5Video extends BasePlayback {
      * @internal
      */
     createError(errorData, options) {
-        trace(`${T$b} createError`, {
-            errorData: { ...errorData },
-        });
         const i18n = this.i18n ||
             // @ts-ignore
             (this.core && this.core.i18n) ||
@@ -42580,15 +42573,8 @@ class HTML5Video extends BasePlayback {
         super._onEnded();
     }
     _handleBufferingEvents() {
-        trace(`${T$b} _handleBufferingEvents`, {
-            networkState: this.el.networkState,
-        });
         if (!this.stallTimerId) {
             this.stallTimerId = setTimeout(() => {
-                trace(`${T$b} _handleBufferingEvents stall timeout`, {
-                    buffering: this.buffering,
-                    ended: this.ended,
-                });
                 this.stallTimerId = null;
                 const error = this.createError({
                     code: PlaybackErrorCode.MediaSourceUnavailable,
@@ -42671,7 +42657,7 @@ function registerPlaybacks() {
     Loader.registerPlayback(DashPlayback);
 }
 
-const T$a = 'gplayer';
+const T$5 = 'gplayer';
 const DEFAULT_OPTIONS = {
     autoPlay: false,
     debug: 'none',
@@ -42759,9 +42745,6 @@ class Player {
      * ```
      */
     attachTo(playerElement) {
-        trace(`${T$a} attachTo`, {
-            player: !!this.player,
-        });
         assert.ok(!this.player, 'Player already initialized');
         assert.ok(playerElement, 'Player container element is required');
         if (this.config.debug === 'all' || this.config.debug === 'clappr') {
@@ -42769,9 +42752,6 @@ class Player {
         }
         const coreOpts = this.buildCoreOptions(playerElement);
         const { core, container } = Player.getRegisteredPlugins();
-        trace(`${T$a} init`, {
-            registeredPlaybacks: Loader.registeredPlaybacks.map((p) => p.prototype.name),
-        });
         coreOpts.plugins = {
             core: Object.values(core),
             container: Object.values(container),
@@ -42783,9 +42763,6 @@ class Player {
      * Destroys the player, releasing all resources and unmounting its UI from the DOM.
      */
     destroy() {
-        trace(`${T$a} destroy`, {
-            player: !!this.player,
-        });
         if (this.player) {
             this.player.destroy();
             this.player = null;
@@ -42970,12 +42947,6 @@ class Player {
         this.config = $.extend(true, this.config, config);
     }
     initPlayer(coreOptions) {
-        trace(`${T$a} initPlayer`, {
-            autoPlay: coreOptions.autoPlay,
-            sources: coreOptions.sources,
-            player: !!this.player,
-            // TODO selected options
-        });
         const player = new Player$1(coreOptions);
         this.player = player;
         this.bindCoreListeners();
@@ -43010,7 +42981,7 @@ class Player {
     // TODO test
     events = {
         onReady: () => {
-            trace(`${T$a} onReady`, {
+            trace(`${T$5} onReady`, {
                 ready: this.ready,
             });
             if (this.ready) {
@@ -43100,12 +43071,6 @@ 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`, {
-                rootNode: {
-                    width: this.rootNode?.clientWidth,
-                    height: this.rootNode?.clientHeight,
-                },
-            });
             if (Browser.isiOS && this.rootNode) {
                 core?.resize({
                     width: this.rootNode.clientWidth,
@@ -43447,9 +43412,10 @@ const INITIAL_SETTINGS = {
     default: [],
     seekEnabled: false,
 };
+// const T = 'plugins.media_control'
 /**
  * Extended events for the {@link MediaControl} plugin
- * @beta
+ * @public
  */
 var ExtendedEvents;
 (function (ExtendedEvents) {
@@ -43533,7 +43499,7 @@ class MediaControl extends UICorePlugin {
     }
     /**
      * @returns  Default media control layout settings
-     * @remark
+     * @remarks
      * The method can be used to change the default dashboard layout, for example, removing the standard UI elements
      * @example
      * ```ts
@@ -44867,11 +44833,11 @@ 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$4 = '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.
- * @beta
+ * @public
  * @remarks
  * When pressed, it unmutes the video.
  * @example
@@ -44930,7 +44896,7 @@ class BigMuteButton extends UICorePlugin {
         if (autoPlay) {
             this.autoPlay = true;
         }
-        trace(`${T$9} onPlay`, {
+        trace(`${T$4} onPlay`, {
             autoPlay: this.autoPlay});
         if (this.autoPlay && !wasMuted && volume === 0) {
             this.mount();
@@ -45013,10 +44979,11 @@ const gearIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"n
 const gearHdIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <g clip-path=\"url(#clip0_28_1567)\">\n    <path\n      d=\"M19.14 12.94C19.18 12.64 19.2 12.33 19.2 12C19.2 11.68 19.18 11.36 19.13 11.06L21.16 9.47999C21.34 9.33999 21.39 9.06999 21.28 8.86999L19.36 5.54999C19.24 5.32999 18.99 5.25999 18.77 5.32999L16.38 6.28999C15.88 5.90999 15.35 5.58999 14.76 5.34999L14.4 2.80999C14.36 2.56999 14.16 2.39999 13.92 2.39999H10.08C9.83999 2.39999 9.64999 2.56999 9.60999 2.80999L9.24999 5.34999C8.65999 5.58999 8.11999 5.91999 7.62999 6.28999L5.23999 5.32999C5.01999 5.24999 4.76999 5.32999 4.64999 5.54999L2.73999 8.86999C2.61999 9.07999 2.65999 9.33999 2.85999 9.47999L4.88999 11.06C4.83999 11.36 4.79999 11.69 4.79999 12C4.79999 12.31 4.81999 12.64 4.86999 12.94L2.83999 14.52C2.65999 14.66 2.60999 14.93 2.71999 15.13L4.63999 18.45C4.75999 18.67 5.00999 18.74 5.22999 18.67L7.61999 17.71C8.11999 18.09 8.64999 18.41 9.23999 18.65L9.59999 21.19C9.64999 21.43 9.83999 21.6 10.08 21.6H13.92C14.16 21.6 14.36 21.43 14.39 21.19L14.75 18.65C15.34 18.41 15.88 18.09 16.37 17.71L18.76 18.67C18.98 18.75 19.23 18.67 19.35 18.45L21.27 15.13C21.39 14.91 21.34 14.66 21.15 14.52L19.14 12.94ZM12 15.6C10.02 15.6 8.39999 13.98 8.39999 12C8.39999 10.02 10.02 8.39999 12 8.39999C13.98 8.39999 15.6 10.02 15.6 12C15.6 13.98 13.98 15.6 12 15.6Z\"\n      fill=\"#C9C9C9\"/>\n    <rect x=\"13\" width=\"11\" height=\"7\" rx=\"1\" fill=\"#F6413B\"/>\n    <path\n      d=\"M14.6962 6V1.63636H15.3546V3.53267H17.53V1.63636H18.1905V6H17.53V4.0973H15.3546V6H14.6962ZM20.562 6H19.1493V1.63636H20.6067C21.0343 1.63636 21.4015 1.72372 21.7083 1.89844C22.0151 2.07173 22.2502 2.32102 22.4135 2.64631C22.5783 2.97017 22.6607 3.35866 22.6607 3.81179C22.6607 4.26634 22.5776 4.65696 22.4114 4.98366C22.2466 5.31037 22.008 5.56179 21.6955 5.73793C21.383 5.91264 21.0051 6 20.562 6ZM19.8077 5.42472H20.5257C20.8581 5.42472 21.1344 5.36222 21.3546 5.23722C21.5748 5.1108 21.7395 4.92827 21.8489 4.68963C21.9583 4.44957 22.013 4.15696 22.013 3.81179C22.013 3.46946 21.9583 3.17898 21.8489 2.94034C21.7409 2.7017 21.5797 2.5206 21.3652 2.39702C21.1507 2.27344 20.8844 2.21165 20.5662 2.21165H19.8077V5.42472Z\"\n      fill=\"#C9C9C9\"/>\n  </g>\n  <defs>\n    <clipPath id=\"clip0_28_1567\">\n      <rect width=\"24\" height=\"24\" fill=\"white\"/>\n    </clipPath>\n  </defs>\n</svg>\n";
 
 const VERSION$5 = '2.19.12';
+// const T = 'plugins.bottom_gear'
 const MENU_BACKLINK_HEIGHT = 44;
 /**
  * Events triggered by the plugin
- * @beta
+ * @public
  */
 var GearEvents;
 (function (GearEvents) {
@@ -45027,7 +44994,7 @@ var GearEvents;
 })(GearEvents || (GearEvents = {}));
 /**
  * `PLUGIN` that adds a button to extend the media controls UI with extra options.
- * @beta
+ * @public
  * @remarks
  * The plugin renders small gear icon to the right of the media controls.
  * It provides a base for attaching custom settings UI in the gear menu
@@ -45281,7 +45248,7 @@ class BottomGear extends UICorePlugin {
 }
 
 /**
- * @beta
+ * @public
  */
 var ClapprStatsChronograph;
 (function (ClapprStatsChronograph) {
@@ -45293,7 +45260,7 @@ var ClapprStatsChronograph;
     // Latency = 'latency',
 })(ClapprStatsChronograph || (ClapprStatsChronograph = {}));
 /**
- * @beta
+ * @public
  */
 var ClapprStatsCounter;
 (function (ClapprStatsCounter) {
@@ -45310,7 +45277,7 @@ var ClapprStatsCounter;
     ClapprStatsCounter["DvrUsage"] = "dvrUsage";
 })(ClapprStatsCounter || (ClapprStatsCounter = {}));
 /**
- * @beta
+ * @public
  */
 var ClapprStatsEvents;
 (function (ClapprStatsEvents) {
@@ -45390,7 +45357,7 @@ const CMCD_KEYS = [
 // const T = 'plugins.cmcd'
 /**
  * A `PLUGIN` that configures {@link https://cdn.cta.tech/cta/media/media/resources/standards/pdfs/cta-5004-final.pdf | CMCD} for playback
- * @beta
+ * @public
  * @remarks
  * Configuration options - {@link CmcdConfigOptions}.
  * @example
@@ -47605,9 +47572,10 @@ const PLAYBACK_NAMES = {
     hls: 'HLS.js',
     html5_video: 'Native',
 };
+// const T = 'plugins.nerd_stats'
 /**
  * `PLUGIN` that displays useful statistics regarding the playback as well as the network quality estimation.
- * @beta
+ * @public
  *
  * @remarks
  * Depends on:
@@ -47989,9 +47957,10 @@ function newMetrics() {
 // 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 at https://github.com/clappr/clappr-plugins/blob/master/LICENSE.
+// const T = 'plugins.click_to_pause'
 /**
  * A small `PLUGIN` that toggles the playback state on click over the video container
- * @beta
+ * @public
  */
 class ClickToPause extends ContainerPlugin {
     pointerEnabled = false;
@@ -48100,7 +48069,7 @@ const CLAPPR_VERSION = '0.11.4';
 const COMPACT_WIDTH = 495;
 /**
  * `PLUGIN` that allows marking up the timeline of the video
- * @beta
+ * @public
  * @remarks
  * The plugin decorates the seekbar with notches to indicate the clips of the video and displays current clip text in the left panel
  *
@@ -48383,10 +48352,11 @@ const dvrHTML = "<div class=\"live-info\" id=\"gplayer-mc-live\"><%= i18n.t('liv
 
 insertStyle(".dvr-controls {\n  --disabled-opacity: 0.3;\n  --circle-radius: 5px;\n  display: flex;\n  align-items: center;\n  color: var(--player-dvr-color);\n  font-size: 10px;\n  font-weight: 500;\n  height: var(--bottom-panel);\n  line-height: var(--bottom-panel);\n  margin-left: 0;\n}\n.dvr-controls .live-info,\n.dvr-controls .live-button {\n  font-size: 14px;\n  font-weight: 500;\n  margin-left: 20px;\n  letter-spacing: 0.8px;\n  text-transform: uppercase;\n}\n.dvr-controls .live-info::before,\n.dvr-controls .live-button::before {\n  margin-right: 8px;\n  content: \"\";\n  display: inline-block;\n  position: relative;\n  width: calc(var(--circle-radius) * 2);\n  height: calc(var(--circle-radius) * 2);\n  border-radius: var(--circle-radius);\n  background-color: var(--player-dvr-color);\n}\n.dvr-controls.disabled {\n  opacity: var(--disabled-opacity);\n}\n.dvr-controls.disabled:before {\n  background-color: var(--player-dvr-color);\n}\n.dvr-controls .live-info {\n  text-transform: uppercase;\n  color: #fffffe;\n}\n.dvr-controls .live-info::before {\n  background-color: #ed4f4a;\n}\n.dvr-controls .live-button {\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  color: var(--player-dvr-color);\n  background-color: transparent;\n  padding: 0;\n  opacity: 0.7;\n  transition: all 0.1s ease;\n}\n.dvr-controls .live-button:hover {\n  opacity: 1;\n  text-shadow: rgba(255, 255, 255, 0.75) 0 0 5px;\n}");
 
+// const T = 'plugins.dvr_controls'
 /**
  * `PLUGIN` that adds the DVR controls to the media control UI
  *
- * @beta
+ * @public
  *
  * @remarks
  * Depends on:
@@ -48499,7 +48469,6 @@ 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';
 /**
  * `PLUGIN` that displays fatal errors nicely in the overlay on top of the player.
  * @public
@@ -48575,9 +48544,6 @@ class ErrorScreen extends UICorePlugin {
         }, 0);
     }
     onActiveContainerChanged() {
-        trace(`${T$8} onActiveContainerChanged`, {
-            reloading: this.core.options.reloading,
-        });
         this.err = null;
         this.listenTo(this.core.activeContainer.playback, Events$1.PLAYBACK_PLAY, this.onPlay);
         if (this.core.options.reloading) {
@@ -48634,16 +48600,16 @@ 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$3 = `plugins.pip`;
 /**
- * `PLUGIN` that enables picture in picture mode.
- * @beta
+ * `PLUGIN` that enables picture-in-picture mode.
+ * @public
  * @remarks
  * Depends on:
  *
  * - {@link MediaControl}
  *
- * It renders a button to toggle picture in picture mode in the media control UI.
+ * It renders a button to toggle picture-in-picture mode in the media control UI.
  */
 class PictureInPicture extends UICorePlugin {
     /**
@@ -48717,7 +48683,7 @@ class PictureInPicture extends UICorePlugin {
         }
     }
     requestPictureInPicture() {
-        trace(`${T$7} requestPictureInPicture`, {
+        trace(`${T$3} requestPictureInPicture`, {
             videoElement: !!this.videoElement,
         });
         this.videoElement.requestPictureInPicture();
@@ -48749,7 +48715,7 @@ const DEFAULT_PLAYBACK_RATES = [
     { value: 2.0, label: '2x' },
 ];
 const DEFAULT_PLAYBACK_RATE = 1;
-const T$6 = 'plugins.playback_rate';
+const T$2 = 'plugins.playback_rate';
 /**
  * `PLUGIN` that allows changing the playback speed of the video.
  * @beta
@@ -48856,7 +48822,7 @@ class PlaybackRate extends UICorePlugin {
         this.mount();
     }
     mount() {
-        trace(`${T$6} mount`, {
+        trace(`${T$2} mount`, {
             shouldMount: this.shouldMount(),
         });
         if (!this.shouldMount()) {
@@ -48873,7 +48839,7 @@ class PlaybackRate extends UICorePlugin {
         })));
     }
     onMetaDataLoaded() {
-        trace(`${T$6} onMetaDataLoaded`, {
+        trace(`${T$2} onMetaDataLoaded`, {
             playbackType: this.core.activePlayback.getPlaybackType(),
             dvrEnabled: this.core.activePlayback.dvrEnabled,
         });
@@ -48895,16 +48861,12 @@ 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$2} onPlaybackRateChange not steering to the selected rate, it is seemingly a catchup algorithm working`, {
                 selectedRate: this.selectedRate,
             });
         }
     }
     shouldMount() {
-        trace(`${T$6} shouldMount`, {
-            playbackType: this.core.activePlayback?.getPlaybackType(),
-            dvrEnabled: this.core.activePlayback?.dvrEnabled,
-        });
         if (!this.core.activePlayback || !this.metadataLoaded) {
             return false;
         }
@@ -48918,9 +48880,6 @@ class PlaybackRate extends UICorePlugin {
      * @internal
      */
     render() {
-        trace(`${T$6} render`, {
-            shouldMount: this.shouldMount(),
-        });
         this.$el.html(PlaybackRate.listTemplate({
             arrowLeftIcon,
             checkIcon,
@@ -48964,13 +48923,13 @@ class PlaybackRate extends UICorePlugin {
         }
     }
     syncRate() {
-        trace(`${T$6} syncRate`, {
+        trace(`${T$2} syncRate`, {
             selectedRate: this.selectedRate,
         });
         this.core.activePlayback?.setPlaybackRate(this.selectedRate);
     }
     resetPlaybackRate() {
-        trace(`${T$6} resetPlaybackRate`, {
+        trace(`${T$2} resetPlaybackRate`, {
             selectedRate: this.selectedRate,
         });
         this.core.activePlayback?.setPlaybackRate(DEFAULT_PLAYBACK_RATE);
@@ -49005,7 +48964,7 @@ class PlaybackRate extends UICorePlugin {
             ?.label || `x${rate}`);
     }
     highlightCurrentRate() {
-        trace(`${T$6} highlightCurrentRate`, {
+        trace(`${T$2} highlightCurrentRate`, {
             selectedRate: this.selectedRate,
         });
         this.allRateElements().removeClass('current');
@@ -49016,9 +48975,6 @@ class PlaybackRate extends UICorePlugin {
             .addClass('gcore-skin-active');
     }
     updateGearOptionLabel() {
-        trace(`${T$6} updateGearOptionLabel`, {
-            selectedRate: this.selectedRate,
-        });
         this.mount();
     }
 }
@@ -49030,10 +48986,10 @@ 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 = 'plugins.poster'
 /**
  * `PLUGIN` that displays a poster image in the background and a big play button on top when playback is stopped
- * @beta
+ * @public
  * @remarks
  * When the playback is stopped or not yet started, the media control UI is disabled and hidden.
  * Media control gets activated once the metadata is loaded after playback is initiated.
@@ -49134,9 +49090,6 @@ class Poster extends UIContainerPlugin {
         super.disable();
     }
     onError(error) {
-        trace(`${T$5} onError`, {
-            enabled: this.enabled,
-        });
         if (this.hasFatalError) {
             return;
         }
@@ -49267,11 +49220,11 @@ 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 = 'plugins.quality_levels'
 const VERSION$2 = 'v2.22.5';
 /**
  * `PLUGIN` that provides a UI to select the desired quality level of the playback.
- * @beta
+ * @public
  *
  * @remarks
  * Depends on:
@@ -49510,9 +49463,6 @@ class QualityLevels extends UICorePlugin {
         this.highlightCurrentLevel();
     }
     highlightCurrentLevel() {
-        trace(`${T$4} highlightCurrentLevel`, {
-            selectedLevelId: this.selectedLevelId,
-        });
         this.allLevelElements()
             .removeClass('current')
             .find('a')
@@ -49538,7 +49488,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 = 'plugins.seek_time'
 /**
  * `PLUGIN` that adds a seek time indicator when the mouse pointer is over the seek bar.
  * @beta
@@ -49597,9 +49547,6 @@ class SeekTime extends UICorePlugin {
     showTime(event) {
         this.hoveringOverSeekBar = true;
         this.calculateHoverPosition(event);
-        trace(`${T$3} showTime`, {
-            hoverPosition: this.hoverPosition,
-        });
         this.update();
     }
     hideTime() {
@@ -49684,10 +49631,10 @@ 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 = 'plugins.skip_time'
 /**
  * `PLUGIN` that allows skipping time by tapping on the left or right side of the video.
- * @beta
+ * @public
  */
 class SkipTime extends UICorePlugin {
     get name() {
@@ -49734,9 +49681,6 @@ class SkipTime extends UICorePlugin {
         this.position = 'left';
     }
     handleRewindClicks() {
-        trace(`${T$2} handleRewindClicks`, {
-            position: this.position,
-        });
         if (this.core.getPlaybackType() === Playback.LIVE &&
             !this.container.isDvrEnabled()) {
             this.toggleFullscreen();
@@ -49745,9 +49689,6 @@ class SkipTime extends UICorePlugin {
         this.handleSkip();
     }
     handleSkip() {
-        trace(`${T$2} handleSkip`, {
-            position: this.position,
-        });
         if (Browser.isMobile) {
             if (this.position === 'left') {
                 const seekPos = this.container.getCurrentTime() - 10;
@@ -49800,7 +49741,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 = 'plugins.spinner'
 /**
  * Custom events emitted by the plugin
  * @public
@@ -49873,17 +49814,10 @@ class SpinnerThreeBounce extends UIContainerPlugin {
         this._hide();
     }
     onStop() {
-        trace(`${T$1} onStop`, {
-            hasFatalError: this.hasFatalError,
-        });
         this._hide();
     }
     onError(e) {
         this.hasFatalError = e.code === PlaybackErrorCode.MediaSourceUnavailable;
-        trace(`${T$1} onError`, {
-            hasFatalError: this.hasFatalError,
-            error: e.code,
-        });
         this._hide();
     }
     /**
@@ -49913,9 +49847,6 @@ class SpinnerThreeBounce extends UIContainerPlugin {
         }
     }
     _hide() {
-        trace(`${T$1} _hide`, {
-            userShown: this.userShown,
-        });
         if (this.userShown) {
             return;
         }
@@ -49930,9 +49861,6 @@ class SpinnerThreeBounce extends UIContainerPlugin {
      * @internal
      */
     render() {
-        trace(`${T$1} render`, {
-            buffering: this.container.buffering,
-        });
         this.$el.html(this.template());
         this.el.firstElementChild?.addEventListener('animationiteration', () => {
             this.trigger(SpinnerEvents.SYNC);
@@ -49948,7 +49876,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,10 +50022,6 @@ class SourceController extends CorePlugin {
         this.core.getPlugin('error_screen')?.disable(); //  TODO test
     }
     onActiveContainerChanged() {
-        trace(`${T} onActiveContainerChanged`, {
-            retrying: this.active,
-            currentSource: this.sourcesList[this.currentSourceIndex],
-        });
         const spinner = this.core.activeContainer?.getPlugin('spinner');
         if (spinner) {
             this.sync = (cb) => {
@@ -50115,7 +50039,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 +50063,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 +50082,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 +50095,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,9 +50135,10 @@ 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
+ * @public
  *
  * @remarks
  * The plugin is activated when closed captions tracks are detected in the media source.
@@ -50224,6 +50149,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 +50265,9 @@ class ClosedCaptions extends UICorePlugin {
         });
     }
     onSubtitleAvailable() {
+        trace(`${T} onSubtitleAvailable`, {
+            tracks: this.core.activePlayback.closedCaptionsTracks.length,
+        });
         this.applyTracks();
         this.mount();
     }
@@ -51080,7 +51016,7 @@ class Thumbnails extends UICorePlugin {
 
 /**
  * Events emitted by the VolumeFade plugin.
- * @beta
+ * @public
  */
 var VolumeFadeEvents;
 (function (VolumeFadeEvents) {