@gcorevideo/player 2.28.36 → 2.30.0

package/dist/index.js

@@ -12778,6 +12778,9 @@ var PlayerEvent;
     PlayerEvent["VolumeUpdate"] = "volumeupdate";
 })(PlayerEvent || (PlayerEvent = {}));
 
+const MIME_TYPES_HLS = ['application/x-mpegurl', 'application/vnd.apple.mpegurl'];
+const MIME_TYPE_HLS = MIME_TYPES_HLS[0];
+const MIME_TYPE_DASH = 'application/dash+xml';
 // TODO rewrite using the Playback classes and canPlay static methods
 function buildMediaSourcesList(sources, priorityTransport = 'dash') {
     const playbacks = Loader.registeredPlaybacks;
@@ -12817,22 +12820,21 @@ function wrapSource(s) {
 }
 function guessMimeType(s) {
     if (s.endsWith('.mpd')) {
-        return 'application/dash+xml';
+        return MIME_TYPE_DASH;
     }
     if (s.endsWith('.m3u8')) {
-        // return 'application/vnd.apple.mpegurl'
-        return 'application/x-mpegurl';
+        return MIME_TYPE_HLS;
     }
 }
 function isDashSource(source, mimeType) {
     if (mimeType) {
-        return mimeType === 'application/dash+xml'; // TODO consider video/mp4
+        return mimeType === MIME_TYPE_DASH; // TODO consider video/mp4
     }
     return source.endsWith('.mpd');
 }
 function isHlsSource(source, mimeType) {
     if (mimeType) {
-        return ['application/vnd.apple.mpegurl', 'application/x-mpegurl'].includes(mimeType.toLowerCase());
+        return MIME_TYPES_HLS.includes(mimeType.toLowerCase());
     }
     return source.endsWith('.m3u8');
 }
@@ -12920,7 +12922,7 @@ var PlaybackEvents;
 // https://github.com/clappr/clappr/blob/8752995ea439321ac7ca3cd35e8c64de7a3c3d17/LICENSE
 const AUTO$1 = -1;
 const { now: now$2 } = Utils;
-const T$e = 'playback.dash';
+const T$f = 'playback.dash';
 class DashPlayback extends BasePlayback {
     _levels = [];
     _currentLevel = AUTO$1;
@@ -13053,6 +13055,7 @@ class DashPlayback extends BasePlayback {
         this._dash = dash;
         this._dash.initialize();
         if (this.options.dash) {
+            const { requestInterceptor, ...dashSettings } = this.options.dash;
             const settings = $.extend(true, {
                 streaming: {
                     text: {
@@ -13064,8 +13067,11 @@ class DashPlayback extends BasePlayback {
                         // dispatchForManualRendering: true, // TODO only when useNativeSubtitles is not true?
                     },
                 },
-            }, this.options.dash);
+            }, dashSettings);
             this._dash.updateSettings(settings);
+            if (typeof requestInterceptor === 'function') {
+                this._dash.addRequestInterceptor(requestInterceptor);
+            }
         }
         this._dash.attachView(this.el);
         this._dash.setAutoPlay(false);
@@ -13193,7 +13199,7 @@ class DashPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
     _onPlaybackError = (event) => {
-        trace(`${T$e} _onPlaybackError`, { type: event.type, code: event.error.code, message: event.error.message });
+        trace(`${T$f} _onPlaybackError`, { type: event.type, code: event.error.code, message: event.error.message });
     };
     _onDASHJSSError = (event) => {
         this._stopTimeUpdateTimer();
@@ -50093,7 +50099,7 @@ const { now } = Utils;
 const AUTO = -1;
 const DEFAULT_RECOVER_ATTEMPTS = 16;
 Events$1.register('PLAYBACK_FRAGMENT_PARSING_METADATA');
-const T$d = 'playback.hls';
+const T$e = 'playback.hls';
 class HlsPlayback extends BasePlayback {
     _ccTracksUpdated = false;
     _currentFragment = null;
@@ -50418,7 +50424,7 @@ class HlsPlayback extends BasePlayback {
         }
         else {
             Log.error('hlsjs: failed to recover', { evt, data });
-            trace(`${T$d} _recover failed to recover`, {
+            trace(`${T$e} _recover failed to recover`, {
                 type: data.type,
                 details: data.details,
             });
@@ -50505,7 +50511,7 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
     _onHLSJSError(evt, data) {
-        trace(`${T$d} _onHLSJSError`, {
+        trace(`${T$e} _onHLSJSError`, {
             fatal: data.fatal,
             type: data.type,
             details: data.details,
@@ -50553,7 +50559,7 @@ class HlsPlayback extends BasePlayback {
                                     evt,
                                     data,
                                 });
-                                trace(`${T$d} _onHLSJSError trying to recover from network error`, {
+                                trace(`${T$e} _onHLSJSError trying to recover from network error`, {
                                     details: data.details,
                                 });
                                 error.level = PlayerError.Levels.WARN;
@@ -50566,7 +50572,7 @@ class HlsPlayback extends BasePlayback {
                             evt,
                             data,
                         });
-                        trace(`${T$d} _onHLSJSError trying to recover from media error`, {
+                        trace(`${T$e} _onHLSJSError trying to recover from media error`, {
                             details: data.details,
                         });
                         error.level = PlayerError.Levels.WARN;
@@ -50596,7 +50602,7 @@ class HlsPlayback extends BasePlayback {
                 return;
             }
             Log.warn('hlsjs: non-fatal error occurred', { evt, data });
-            trace(`${T$d} _onHLSJSError non-fatal error occurred`, {
+            trace(`${T$e} _onHLSJSError non-fatal error occurred`, {
                 type: data.type,
                 details: data.details,
             });
@@ -50937,7 +50943,7 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_AUDIO_AVAILABLE, data.audioTracks.map(toClapprTrack));
     }
     _onAudioTrackSwitched(_, data) {
-        trace(`${T$d} onAudioTrackSwitched`);
+        trace(`${T$e} onAudioTrackSwitched`);
         // @ts-ignore
         const track = this._hls.audioTracks[data.id];
         this.trigger(Events$1.PLAYBACK_AUDIO_CHANGED, toClapprTrack(track));
@@ -50982,7 +50988,7 @@ function toClapprTrack(t) {
     };
 }
 
-const T$c = 'playback.html5_video';
+const T$d = 'playback.html5_video';
 const STALL_TIMEOUT = 15000;
 class HTML5Video extends BasePlayback {
     stallTimerId = null;
@@ -51083,7 +51089,7 @@ class HTML5Video extends BasePlayback {
     switchAudioTrack(id) {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$c} switchAudioTrack`, {
+        trace(`${T$d} switchAudioTrack`, {
             supported,
         });
         if (supported) {
@@ -51102,7 +51108,7 @@ function registerPlaybacks() {
     Loader.registerPlayback(DashPlayback);
 }
 
-const T$b = 'gplayer';
+const T$c = 'gplayer';
 const DEFAULT_OPTIONS = {
     autoPlay: false,
     debug: 'none',
@@ -51296,6 +51302,17 @@ class Player {
         }
         this.player?.load(ms, ms[0].mimeType ?? '');
     }
+    /**
+     * Returns a registered core plugin instance by name, or `null` if not found.
+     *
+     * @example
+     * ```ts
+     * const tokenRefresh = player.getPlugin('token_refresh') as TokenRefreshPlugin | null
+     * ```
+     */
+    getPlugin(name) {
+        return this.player?.core.getPlugin(name) ?? null;
+    }
     /**
      * Mutes the sound of the video.
      */
@@ -51438,7 +51455,7 @@ class Player {
         }
     }
     triggerAutoPlay() {
-        trace(`${T$b} triggerAutoPlay`);
+        trace(`${T$c} triggerAutoPlay`);
         setTimeout(() => {
             this.player?.play({
                 autoPlay: true,
@@ -51456,7 +51473,7 @@ class Player {
     // TODO test
     events = {
         onReady: () => {
-            trace(`${T$b} onReady`, {
+            trace(`${T$c} onReady`, {
                 ready: this.ready,
             });
             if (this.ready) {
@@ -51490,7 +51507,7 @@ class Player {
     buildCoreOptions(rootNode) {
         const sources = this.buildMediaSourcesList();
         const source = sources[0];
-        trace(`${T$b} buildCoreOptions`, {
+        trace(`${T$c} buildCoreOptions`, {
             source,
             sources,
         });
@@ -51567,7 +51584,7 @@ class Player {
     }
 }
 
-var version$1 = "2.28.36";
+var version$1 = "2.30.0";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -52000,7 +52017,7 @@ const INITIAL_SETTINGS = {
     default: [],
     seekEnabled: false,
 };
-const T$a = 'plugins.media_control';
+const T$b = 'plugins.media_control';
 /**
  * Extended events for the {@link MediaControl} plugin
  * @public
@@ -52293,7 +52310,7 @@ class MediaControl extends UICorePlugin {
      * Reenables the plugin disabled earlier with the {@link MediaControl.disable} method
      */
     enable() {
-        trace(`${T$a} enable`, {
+        trace(`${T$b} enable`, {
             chromeless: this.options.chromeless,
             userDisabled: this.userDisabled,
         });
@@ -52450,7 +52467,7 @@ class MediaControl extends UICorePlugin {
         this.$el.removeClass('w370');
         this.$el.removeClass('w270');
         this.verticalVolume = false;
-        trace(`${T$a} playerResize`, {
+        trace(`${T$b} playerResize`, {
             size,
             width: this.container.$el.width(),
             height: this.container.$el.height(),
@@ -53452,7 +53469,7 @@ class AudioTracks extends UICorePlugin {
 
 const templateHtml$2 = "<div class=\"big-mute-icon-wrapper\" data-big-mute id=\"gplayer-big-mute-button\">\n    <div class=\"big-mute-icon gcore-skin-border-color\" data-big-mute-icon id=\"gplayer-big-mute-icon\"></div>\n</div>\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.
@@ -53515,7 +53532,7 @@ class BigMuteButton extends UICorePlugin {
         if (autoPlay) {
             this.autoPlay = true;
         }
-        trace(`${T$9} onPlay`, {
+        trace(`${T$a} onPlay`, {
             autoPlay: this.autoPlay,
             wasMuted,
             volume,
@@ -53529,7 +53546,7 @@ class BigMuteButton extends UICorePlugin {
     }
     onStop(_, metadata) {
         const ui = metadata?.ui;
-        trace(`${T$9} onStop`, { ui });
+        trace(`${T$a} onStop`, { ui });
         if (ui) {
             this.destroy();
         }
@@ -56493,7 +56510,7 @@ const PLAYBACK_NAMES = {
     hls: 'HLS.js',
     html5_video: 'Native',
 };
-const T$8 = 'plugins.nerd_stats';
+const T$9 = 'plugins.nerd_stats';
 /**
  * `PLUGIN` that displays useful statistics regarding the playback as well as the network quality estimation.
  * @public
@@ -56630,7 +56647,7 @@ class NerdStats extends UICorePlugin {
         return super.destroy();
     }
     toggle = () => {
-        trace(`${T$8} toggle`, {
+        trace(`${T$9} toggle`, {
             open: this.open,
         });
         if (this.open) {
@@ -56650,14 +56667,14 @@ class NerdStats extends UICorePlugin {
         })
             .catch((e) => {
             reportError(e);
-            trace(`${T$8} speedtest error`, {
+            trace(`${T$9} speedtest error`, {
                 error: e,
             });
             this.disable();
         });
     }
     hide() {
-        trace(`${T$8} hide`);
+        trace(`${T$9} hide`);
         this.$el.hide();
         this.open = false;
         stopSpeedtest();
@@ -57390,7 +57407,7 @@ const reloadIcon = "<svg fill=\"#FFFFFF\" height=\"24\" viewBox=\"0 0 24 24\" wi
 
 const templateHtml = "<div class=\"player-error-screen__content\" data-error-screen>\n    <% if (icon) { %>\n        <div class=\"player-error-screen__icon\" data-error-screen><%= icon %></div>\n    <% } %>\n    <div class=\"player-error-screen__title\" data-error-screen><%= title %></div>\n    <% if (message) { %>\n        <div class=\"player-error-screen__message\" data-error-screen><%= message %></div>\n    <% } %>\n    <% if (code) { %>\n        <div class=\"player-error-screen__code\" data-error-screen><%= i18n.t('error_code') %>: <%= code %></div>\n    <% } %>\n    <% if (reloadIcon) { %>\n        <div class=\"player-error-screen__reload\" data-error-screen><%= reloadIcon %></div>\n    <% } %>\n</div>\n";
 
-const T$7 = 'plugins.error_screen';
+const T$8 = 'plugins.error_screen';
 /**
  * `PLUGIN` that displays fatal errors nicely in the overlay on top of the player.
  * @public
@@ -57442,11 +57459,11 @@ class ErrorScreen extends UICorePlugin {
         this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
     }
     onPlay() {
-        trace(`${T$7} onPlay`);
+        trace(`${T$8} onPlay`);
         this.unmount();
     }
     unmount() {
-        trace(`${T$7} unmount`);
+        trace(`${T$8} unmount`);
         this.err = null;
         this.$el.remove();
     }
@@ -57459,7 +57476,7 @@ class ErrorScreen extends UICorePlugin {
         };
     }
     reload() {
-        trace(`${T$7} reload`);
+        trace(`${T$8} reload`);
         setTimeout(() => {
             this.core.configure({
                 reloading: true,
@@ -57482,7 +57499,7 @@ class ErrorScreen extends UICorePlugin {
         }
     }
     onError(err) {
-        trace(`${T$7} onError`, { err });
+        trace(`${T$8} onError`, { err });
         if (err.UI) {
             if (this.err) {
                 this.unmount();
@@ -57958,16 +57975,12 @@ class Logo extends UIContainerPlugin {
     }
 }
 
-const pluginHtml$3 = "<button data-multicamera-button class='gcore-skin-button-color'>\n    <span class=\"multicamera-icon\"></span>\n</button>\n\n<ul class=\"gcore-skin-bg-color\">\n    <% for (var i = 0; i < streams.length; i++) { %>\n        <% if(!streams[i].live && multisources_mode === 'only_live') { %>\n            <% continue; %>\n        <% } %>\n        <li>\n            <div class=\"multicamera-item\" data-multicamera-selector-live=\"<%= streams[i].live %>\"\n                 data-multicamera-selector-select=\"<%= streams[i].id %>\">\n                <div class=\"multicamera-screenshot\">\n                    <% if (streams[i].screenshot) { %>\n                        <img src=\"<%= streams[i].screenshot %>\" alt=\"<%= streams[i].title %>\"/>\n                    <% } %>\n                </div>\n                <div class=\"multicamera-text gcore-skin-text-color\">\n                    <% if (streams[i].title) { %>\n                        <div class=\"multicamera-title gcore-skin-text-color\"><%= streams[i].title %></div>\n                    <% } %>\n                    <% if (streams[i].description) { %>\n                        <div class=\"multicamera-description gcore-skin-text-color\"><%= streams[i].description %></div>\n                    <% } %>\n                </div>\n            </div>\n        </li>\n    <% } %>\n</ul>\n";
+const pluginHtml$3 = "<button data-multicamera-button class='gcore-skin-button-color media-control-button'>\n    <span class=\"multicamera-icon\"></span>\n</button>\n\n<ul class=\"gcore-skin-bg-color\">\n    <% for (var i=0; i < streams.length; i++) { %>\n        <% if(!streams[i].live && multisources_mode==='only_live' ) { %>\n            <% continue; %>\n                <% } %>\n                    <li>\n                        <div class=\"multicamera-item\" data-multicamera-selector-live=\"<%= streams[i].live %>\"\n                            data-multicamera-selector-select=\"<%= streams[i].id %>\">\n                            <div class=\"multicamera-screenshot\">\n                                <% if (streams[i].screenshot) { %>\n                                    <img src=\"<%= streams[i].screenshot %>\" alt=\"<%= streams[i].title %>\" />\n                                    <% } %>\n                            </div>\n                            <div class=\"multicamera-text gcore-skin-text-color\">\n                                <% if (streams[i].title) { %>\n                                    <div class=\"multicamera-title gcore-skin-text-color\">\n                                        <%= streams[i].title %>\n                                    </div>\n                                    <% } %>\n                                        <% if (streams[i].description) { %>\n                                            <div class=\"multicamera-description gcore-skin-text-color\">\n                                                <%= streams[i].description %>\n                                            </div>\n                                            <% } %>\n                            </div>\n                        </div>\n                    </li>\n                    <% } %>\n</ul>";
 
 const streamsIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\">\n    <path fill=\"#FFF\" fill-rule=\"nonzero\" d=\"M24 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-1a.5.5 0 0 1-.5-.5v-10A2.5 2.5 0 0 0 18.5 3h-14a.5.5 0 0 1-.5-.5v-1A1.5 1.5 0 0 1 5.5 0h17A1.5 1.5 0 0 1 24 1.5M12.724 12.447l-5 2.5a.505.505 0 0 1-.487-.021A.503.503 0 0 1 7 14.5v-5c0-.173.09-.334.237-.426a.505.505 0 0 1 .487-.021l5 2.5a.5.5 0 0 1 0 .894M18.5 4h-17C.673 4 0 4.673 0 5.5v13c0 .827.673 1.5 1.5 1.5h17c.827 0 1.5-.673 1.5-1.5v-13c0-.827-.673-1.5-1.5-1.5\"/>\n</svg>\n";
 
-const streamsMomentoIcon = "<svg id=\"Слой_1\" data-name=\"Слой 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 230.73 173.61\"><defs><style>.cls-1{fill:#fff;}</style></defs><path class=\"cls-1\" d=\"M71.82,16.09c11.43,0,22.87-.05,34.31,0,12,.06,19.45,7.45,19.7,19.52.23,11.31.23,11.31,11.81,11.31q24.36,0,48.73,0c12.74,0,20.21,7.3,20.27,19.88q.11,24.12,0,48.23c-.06,12.66-7.12,19.65-19.75,19.77-2,0-4,0-6,0-7.78,0-7.84.05-6,7.79a59.23,59.23,0,0,0,1.95,6.67c1.44,3.95.33,7.18-2.66,9.82-3.28,2.89-6.93,2.88-10.59.76-9.31-5.4-16.95-12.73-23.55-21.11-2.29-2.93-4.66-4.2-8.35-4-5.12.28-10.28.19-15.41,0-10.39-.37-17.64-7.65-18.09-18a62.93,62.93,0,0,0-.09-6.45c-.3-2.07,1.6-5.54-1.49-6-3.62-.48-7.92-2.08-11.07,1.89-6.09,7.7-12.82,14.76-21,20.24a42,42,0,0,1-5.09,3.08,8.16,8.16,0,0,1-9.29-1.12,8.25,8.25,0,0,1-3-8.86c1-4,2-8,3-12,.59-2.51-.34-3.66-3.07-3.59-4.14.12-8.3.14-12.43-.11-9.61-.59-16.86-7.76-17-17.42-.24-17.57-.21-35.14,0-52.71.12-10.07,8-17.46,18.43-17.58C48,16,59.88,16.09,71.82,16.09ZM56.66,120.5c2.53-.3,3.87-1.89,5.38-3.08A99.31,99.31,0,0,0,79.83,98.8a8.72,8.72,0,0,1,8-3.83c6.12.18,12.25.12,18.38,0,7.31-.12,10.6-3.39,10.64-10.72q.11-24.33,0-48.68c0-7-3.5-10.51-10.36-10.53q-35-.11-70,0c-6.34,0-9.92,3.51-9.95,9.83q-.15,25.08,0,50.18c0,6.37,3.42,9.72,9.86,9.89,5.62.14,11.26.1,16.89.06,4.37,0,6.2,2,6.25,6.4C59.55,107.88,58.17,114.1,56.66,120.5ZM167.78,152c-1.93-6.72-3.37-12.44-3.41-18.4,0-6.33,1.17-7.71,7.37-7.77,5-.05,9.94.06,14.9,0,7.6-.13,10.79-3.35,10.81-11q.08-23.85,0-47.69c0-7.61-3.38-11-10.86-11.08-18.88-.07-37.76,0-56.64-.08-3.21,0-4.29.89-4.2,4.21.24,8.27.18,16.56,0,24.83-.13,8.6-4.46,16.11-11.88,17.55-6.73,1.3-7.44,4.81-6.78,10.16.14,1.14,0,2.32,0,3.48.3,6.1,3.53,9.44,9.69,9.63,5.79.18,11.6.34,17.38,0,4.81-.31,7.94,1.3,10.83,5.22A79.08,79.08,0,0,0,167.78,152Z\"/><path class=\"cls-1\" d=\"M73.07,56c-6.4,0-12.15-.06-17.9,0-3.28,0-5.76-1-5.68-4.63s2.66-4.59,5.88-4.45c1.49.06,3-.12,4.47,0,4.79.46,8.51.12,7.44-6.47-.43-2.67,1.82-4.32,4.42-4.26s4.81,1.75,4.35,4.4c-1.18,6.75,2.76,6.72,7.44,6.34a43.43,43.43,0,0,1,6.45.09,4,4,0,0,1,4,4.17c0,2.59-1.46,4.88-4.17,4.48-7-1-7.55,5.72-11.08,8.81-1.54,1.35.36,2.28,1.27,3.06,2.13,1.83,4.38,3.53,6.52,5.36s2.74,4.28.8,6.54c-1.74,2-4,2-6.27.53-.28-.18-.52-.41-.79-.6-3.22-2.29-5.94-6.88-9.46-6.66s-6.61,4-9.91,6.17a19.94,19.94,0,0,1-2.55,1.52c-2.51,1.19-5,1.29-6.46-1.44-1.42-2.57-.6-4.82,1.91-6.34A88.31,88.31,0,0,0,68.17,62.07C69.84,60.52,71.73,59.09,73.07,56Z\"/><path class=\"cls-1\" d=\"M153,104.27a43.76,43.76,0,0,1-4.91,0c-3.27-.4-5.24.75-6.27,4-.9,2.88-2.84,5.23-6.28,3.82-3.66-1.5-3.21-4.49-1.94-7.52,4.68-11.12,9.36-22.22,13.94-33.37,1-2.36,2.28-4.1,5-4.08s3.89,2,4.85,4.25c4.66,11.11,9.4,22.2,14.14,33.28,1.3,3,1.69,6-2,7.46-3.4,1.35-5.49-.73-6.29-3.74C161.49,102,156.3,105.12,153,104.27Zm-.84-20.39a64.73,64.73,0,0,1-2.78,6.37c-2.25,3.89-1.16,4.85,3.14,4.89s4.82-1.35,2.93-4.73C154.36,88.42,154.15,86,152.18,83.88Z\"/></svg>";
-
-const streamsWhiteNightsIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <defs>\n    <clipPath id=\"clip-Icon\">\n      <rect width=\"50\" height=\"50\"/>\n    </clipPath>\n  </defs>\n  <g id=\"Icon\" clip-path=\"url(#clip-Icon)\">\n    <g id=\"icon2\" transform=\"translate(-0.041 0)\">\n      <path id=\"Контур_77\" data-name=\"Контур 77\" d=\"M6.493,13v8.266h6.275V19.74H8.31V17.714h4.006V16.3H8.31V14.53h4.365V13Zm7.5,0v8.266h1.7V15.732h.023l3.438,5.534h1.818V13h-1.7v5.545h-.023L15.8,13Z\" fill=\"#fff\"/>\n      <path id=\"Контур_76\" data-name=\"Контур 76\" d=\"M29.949,29.1V26.774H31.94a1.4,1.4,0,0,1,.938.272,1.1,1.1,0,0,1,.313.874,1.155,1.155,0,0,1-.313.9,1.375,1.375,0,0,1-.938.278ZM28.132,25.36v8.266h1.817V30.4h1.818a1.353,1.353,0,0,1,.984.3,1.637,1.637,0,0,1,.394.949c.046.333.079.681.1,1.042a3.2,3.2,0,0,0,.185.938h1.819a1.218,1.218,0,0,1-.191-.423,3.611,3.611,0,0,1-.093-.527c-.019-.185-.033-.367-.041-.544s-.016-.332-.023-.463a5.052,5.052,0,0,0-.087-.625,2.109,2.109,0,0,0-.2-.573,1.586,1.586,0,0,0-.359-.451,1.414,1.414,0,0,0-.556-.284v-.023a1.926,1.926,0,0,0,1-.81,2.494,2.494,0,0,0,.307-1.262,2.308,2.308,0,0,0-.165-.88,2.128,2.128,0,0,0-.486-.724,2.3,2.3,0,0,0-.764-.492,2.67,2.67,0,0,0-1-.179ZM43.506,30.5V25.36H41.689V30.5a2.065,2.065,0,0,1-.37,1.36,1.7,1.7,0,0,1-1.343.434,2.086,2.086,0,0,1-.886-.156,1.283,1.283,0,0,1-.758-.978,3.748,3.748,0,0,1-.058-.66V25.36H36.456V30.5a3.16,3.16,0,0,0,.92,2.5,3.807,3.807,0,0,0,2.6.81,3.82,3.82,0,0,0,2.593-.816,3.132,3.132,0,0,0,.937-2.492Z\" fill=\"#fff\"/>\n      <path id=\"Контур_80\" data-name=\"Контур 80\" d=\"M22.646,31.2H4.689a4.505,4.505,0,0,1-4.5-4.5V8.5A4.505,4.505,0,0,1,4.689,4h18.2a4.505,4.505,0,0,1,4.5,4.5v8.445l-.893.1a3.184,3.184,0,0,0-2.846,3.177V30.5l-.465.7ZM4.689,6a2.5,2.5,0,0,0-2.5,2.5V26.7a2.5,2.5,0,0,0,2.5,2.5H21.65V20.22a5.18,5.18,0,0,1,3.739-4.992V8.5a2.5,2.5,0,0,0-2.5-2.5Z\" fill=\"#fff\"/>\n      <path id=\"Контур_81\" data-name=\"Контур 81\" d=\"M30.127,47.884a1,1,0,0,1-1-1V43.267H26.846a5.206,5.206,0,0,1-5.2-5.2V20.222a5.206,5.206,0,0,1,5.2-5.2H44.692a5.206,5.206,0,0,1,5.2,5.2V38.068a5.206,5.206,0,0,1-5.2,5.2H35.058l-4.216,4.316A1,1,0,0,1,30.127,47.884ZM26.846,17.022a3.2,3.2,0,0,0-3.2,3.2V38.067a3.2,3.2,0,0,0,3.2,3.2h3.281a1,1,0,0,1,1,1v2.162l2.8-2.86a1,1,0,0,1,.715-.3H44.692a3.2,3.2,0,0,0,3.2-3.2V20.222a3.2,3.2,0,0,0-3.2-3.2Z\" fill=\"#fff\"/>\n    </g>\n  </g>\n</svg>\n";
-
 const VERSION$4 = '0.0.1';
-const T$6 = 'plugins.multicamera';
+const T$7 = 'plugins.multicamera';
 /**
  * `PLUGIN` that adds support for loading multiple streams and switching between them using the media control UI.
  * @beta
@@ -58013,6 +58026,8 @@ class MultiCamera extends UICorePlugin {
         // Don't mutate the options, TODO check if some plugin observes the options.multicamera
         this.multicamera = this.options.multisources.map((item) => ({ ...item }));
         this.noActiveStreams = this.multicamera.every((item) => !item.live);
+        // TODO filter out non-live
+        this.core.options.sources = expandMediaSource(this.multicamera[0]);
     }
     bindEvents() {
         this.listenTo(this.core, Events$1.CORE_READY, this.bindPlaybackEvents);
@@ -58021,15 +58036,10 @@ class MultiCamera extends UICorePlugin {
         this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_HIDE, this.hideSelectLevelMenu);
     }
     unBindEvents() {
-        // @ts-ignore
-        this.stopListening(this.core, Events$1.CORE_READY);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_HIDE);
-        // @ts-ignore
+        this.stopListening(this.core, Events$1.CORE_READY, this.bindPlaybackEvents);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.reload);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.render);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_HIDE, this.hideSelectLevelMenu);
         this.stopListening(this.core.activePlayback, Events$1.PLAYBACK_PLAY, this.onPlay);
     }
     onPlay() {
@@ -58045,119 +58055,65 @@ class MultiCamera extends UICorePlugin {
         this.bindPlaybackEvents();
     }
     shouldRender() {
-        if (!this.core.activeContainer || this.noActiveStreams) {
-            return false;
-        }
-        if (!this.core.activePlayback) {
+        if (this.noActiveStreams) {
             return false;
         }
         return this.multicamera.length >= 2;
     }
     render() {
-        if (this.shouldRender()) {
-            let numActiveSources = 0;
-            // const currentSource = this.core.options.source
-            const currentSource = this.core.activePlayback?.sourceMedia;
-            for (const item of this.multicamera) {
-                if (item.live) {
-                    numActiveSources++;
-                }
-                if (!this.currentCamera && item.source === currentSource) {
-                    this.currentCamera = item;
-                }
-            }
-            // const mediaControl = this.core.getPlugin('media_control')
-            if (this.currentTime &&
-                // TODO check the last active playback type instead
-                // !mediaControl.$el.hasClass('live') &&
-                this.core.getPlaybackType() !== Playback.LIVE) {
-                if (this.currentTime < this.core.activePlayback.getDuration()) {
-                    this.core.activePlayback.seek(this.currentTime);
-                }
-                this.currentTime = 0;
-                // if (mediaControl.$el.hasClass('dvr')) {
-                //   this.core.activeContainer.dvrInUse = true;
-                // }
-            }
-            // TODO current source
-            this.$el.html(this.template({
-                streams: this.multicamera,
-                multisources_mode: this.options.multisourcesMode,
-            }));
-            if ((numActiveSources <= 1 &&
-                this.options.multisourcesMode !== 'show_all') ||
-                this.options.multisourcesMode === 'one_first') {
-                this.$el.hide();
-            }
-            else {
-                this.$el.show();
+        if (!this.core.activeContainer || !this.core.activePlayback) {
+            return this;
+        }
+        if (!this.shouldRender()) {
+            return this;
+        }
+        let numActiveSources = 0;
+        const currentSource = this.core.activePlayback?.sourceMedia;
+        for (const item of this.multicamera) {
+            if (item.live) {
+                numActiveSources++;
             }
-            if (this.core.mediaControl.$multiCameraSelector &&
-                this.core.mediaControl.$multiCameraSelector.length > 0) {
-                this.core.mediaControl.$multiCameraSelector.append(this.el);
+            if (!this.currentCamera && item.source === currentSource) {
+                this.currentCamera = item;
             }
-            else {
-                this.core.mediaControl.$('.media-control-right-panel').append(this.el);
-            }
-            if (Object.prototype.hasOwnProperty.call(this.core.mediaControl, '$multiCameraSelector') &&
-                this.core.mediaControl.$multiCameraSelector.find('span.multicamera-icon').length > 0) {
-                if (~window.location.href.indexOf('whitenights.gcdn.co')) {
-                    this.core.mediaControl.$multiCameraSelector
-                        .find('span.multicamera-icon')
-                        .append(streamsWhiteNightsIcon);
-                }
-                else if (~window.location.href.indexOf('momentosolutions.gcdn.co')) {
-                    this.core.mediaControl.$multiCameraSelector
-                        .find('span.multicamera-icon')
-                        .append(streamsMomentoIcon);
-                }
-                else {
-                    this.core.mediaControl.$multiCameraSelector
-                        .find('span.multicamera-icon')
-                        .append(streamsIcon);
-                }
+        }
+        if (this.currentTime &&
+            this.core.getPlaybackType() !== Playback.LIVE) {
+            if (this.currentTime < this.core.activePlayback.getDuration()) {
+                this.core.activePlayback.seek(this.currentTime);
             }
-            this.highlightCurrentLevel();
+            this.currentTime = 0;
+        }
+        this.$el.html(this.template({
+            streams: this.multicamera,
+            multisources_mode: this.options.multisourcesMode,
+        }));
+        if ((numActiveSources < 2 &&
+            this.options.multisourcesMode !== 'show_all') ||
+            this.options.multisourcesMode === 'one_first') {
+            this.$el.hide();
+        }
+        else {
+            this.$el.show();
         }
+        const mediaControl = this.core.getPlugin('media_control');
+        mediaControl.slot('multicamera', this.$el);
+        this.$el
+            .find('span.multicamera-icon')
+            .html(streamsIcon);
+        this.highlightCurrentLevel();
         return this;
     }
     onCameraSelect(event) {
         const value = event.currentTarget.dataset
             .multicameraSelectorSelect;
-        trace(`${T$6} onCameraSelect`, { value });
+        trace(`${T$7} onCameraSelect`, { value });
         if (value !== undefined) {
             this.changeById(parseInt(value, 10));
         }
         event.stopPropagation();
         return false;
     }
-    activeById(id, active) {
-        this.setLiveStatus(id, active);
-        if (!this.currentCamera && !this.noActiveStreams) {
-            return;
-        }
-        if (this.noActiveStreams && !active) {
-            return;
-        }
-        if (this.currentCamera) {
-            if (this.options.multisourcesMode === 'only_live') {
-                this.behaviorLive(id, active);
-            }
-            if (this.options.multisourcesMode === 'one_first') {
-                this.behaviorOne(id, active);
-            }
-            if (this.options.multisourcesMode === 'show_all') {
-                this.behaviorAll(id, active);
-            }
-        }
-        else {
-            if (this.noActiveStreams && active) {
-                this.changeById(id);
-                this.noActiveStreams = false;
-            }
-        }
-        this.render();
-    }
     setLiveStatus(id, active) {
         try {
             const index = this.findIndexById(id);
@@ -58220,7 +58176,6 @@ class MultiCamera extends UICorePlugin {
         this.currentCamera = null;
         this.noActiveStreams = true;
         this.core.trigger('core:multicamera:no_active_translation');
-        // this.changeById(this.multicamera[nextIndex].id);
     }
     showError() {
         this.core.activePlayback.pause();
@@ -58243,24 +58198,19 @@ class MultiCamera extends UICorePlugin {
     }
     hideError() {
         try {
-            this.core.mediaControl.enableControlButton();
+            this.core.getPlugin('media_control')?.enableControlButton();
         }
         catch (error) {
             reportError(error);
         }
     }
     changeById(id) {
-        trace(`${T$6} changeById`, { id });
+        trace(`${T$7} changeById`, { id });
         queueMicrotask(() => {
             const playbackOptions = this.core.options.playback || {};
-            // TODO figure out what this does
+            // TODO figure out if it's needed
             playbackOptions.recycleVideo = Browser.isMobile;
-            this.currentCamera = this.findElementById(id) ?? null;
-            trace(`${T$6} changeById`, {
-                id,
-                currentCamera: this.currentCamera,
-                multicamera: this.multicamera,
-            });
+            this.currentCamera = this.findElementById(id);
             if (!this.currentCamera) {
                 return;
             }
@@ -58277,31 +58227,21 @@ class MultiCamera extends UICorePlugin {
             // TODO remove?
             // for html5 playback:
             this.options.dvrEnabled = this.currentCamera.dvr;
-            trace(`${T$6} changeById`, { currentCamera: this.currentCamera });
+            trace(`${T$7} changeById`, { currentCamera: this.currentCamera });
             // TODO
             this.core.configure({
                 playback: playbackOptions,
                 source: this.currentCamera.source, // TODO ensure that the preferred transport is used
-                video360: {
-                    // TODO
-                    projection: this.currentCamera.projection,
-                },
                 fullscreenDisable,
                 autoPlay: this.playing,
                 disableCanAutoPlay: true,
             });
-            this.core.activeContainer.mediaControlDisabled = false;
+            this.core.activeContainer?.enableMediaControl();
         });
         this.toggleContextMenu();
     }
-    getCamerasList() {
-        return this.multicamera;
-    }
-    getCurrentCamera() {
-        return this.currentCamera;
-    }
     findElementById(id) {
-        return this.multicamera.find((element) => element.id === id);
+        return this.multicamera.find((element) => element.id === id) ?? null;
     }
     findIndexById(id) {
         return this.multicamera.findIndex((element) => element.id === id);
@@ -58310,19 +58250,13 @@ class MultiCamera extends UICorePlugin {
         this.toggleContextMenu();
     }
     hideSelectLevelMenu() {
-        this.$('.multicamera ul').hide();
+        this.$('ul').hide();
     }
     toggleContextMenu() {
-        this.$('.multicamera ul').toggle();
+        this.$('ul').toggle();
     }
-    // private buttonElement(): ZeptoResult {
-    //   return this.$('.multicamera button');
-    // }
-    // private buttonElementText(): ZeptoResult {
-    //   return this.$('.multicamera button .quality-text');
-    // }
     levelElement(id) {
-        return this.$('.multicamera ul li > div' +
+        return this.$('ul .multicamera-item' +
             (id !== undefined
                 ? '[data-multicamera-selector-select="' + id + '"]'
                 : ''));
@@ -58334,13 +58268,29 @@ class MultiCamera extends UICorePlugin {
             this.levelElement(this.currentCamera.id).addClass('multicamera-active');
     }
 }
+function expandMediaSource(source) {
+    const result = [{
+            source: source.source,
+            mimeType: guessMimeType(source.source),
+        }];
+    if (source.source_dash) {
+        result.push({
+            source: source.source_dash,
+            mimeType: MIME_TYPE_DASH,
+        });
+    }
+    if (source.hls_mpegts_url) {
+        result.push(source.hls_mpegts_url);
+    }
+    return result;
+}
 
 const pipIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M21.05 3.00001C21.302 3.00001 21.5435 3.10003 21.7217 3.27833C21.9 3.45646 22 3.69802 22 3.95003V10.6H20.1V4.90003H4.90001V18.2H10.6V20.1H3.95001C3.69802 20.1 3.45647 20 3.27832 19.8217C3.10002 19.6436 3 19.402 3 19.15V3.95001C3 3.69802 3.10002 3.45647 3.27832 3.27832C3.45644 3.10002 3.69801 3 3.95001 3L21.05 3.00001ZM21.05 12.5C21.302 12.5 21.5435 12.6 21.7217 12.7783C21.9 12.9565 22 13.198 22 13.45V19.15C22 19.402 21.9 19.6436 21.7217 19.8217C21.5436 20 21.302 20.1 21.05 20.1H13.45C13.198 20.1 12.9564 20 12.7783 19.8217C12.6 19.6436 12.5 19.402 12.5 19.15V13.45C12.5 13.198 12.6 12.9565 12.7783 12.7783C12.9564 12.6 13.198 12.5 13.45 12.5H21.05ZM7.47178 6.12823L9.60928 8.26572L11.5501 6.32492V11.5499H6.32509L8.26589 9.60911L6.12839 7.47161L7.47178 6.12823Z\"\n    fill=\"#C9C9C9\"/>\n</svg>\n";
 
 const buttonHtml$2 = "<button class=\"gplayer-lite-btn gcore-skin-button-color\">\n    <%= pipIcon %>\n</button>\n";
 
 const VERSION$3 = '0.0.1';
-const T$5 = `plugins.pip`;
+const T$6 = `plugins.pip`;
 /**
  * `PLUGIN` that enables picture-in-picture mode.
  * @public
@@ -58398,7 +58348,7 @@ class PictureInPicture extends UICorePlugin {
         });
     }
     isPiPSupported() {
-        trace(`${T$5} isPiPSupported`, {
+        trace(`${T$6} isPiPSupported`, {
             pictureInPictureEnabled: !!document.pictureInPictureEnabled,
             requestPictureInPicture: !!HTMLVideoElement.prototype.requestPictureInPicture,
         });
@@ -58420,7 +58370,7 @@ class PictureInPicture extends UICorePlugin {
         return this;
     }
     togglePictureInPicture() {
-        trace(`${T$5} togglePictureInPicture`);
+        trace(`${T$6} togglePictureInPicture`);
         if (this.videoElement !== document.pictureInPictureElement) {
             this.requestPictureInPicture();
         }
@@ -58429,13 +58379,13 @@ class PictureInPicture extends UICorePlugin {
         }
     }
     requestPictureInPicture() {
-        trace(`${T$5} requestPictureInPicture`, {
+        trace(`${T$6} requestPictureInPicture`, {
             videoElement: !!this.videoElement,
         });
         this.videoElement.requestPictureInPicture();
     }
     exitPictureInPicture() {
-        trace(`${T$5} exitPictureInPicture`);
+        trace(`${T$6} exitPictureInPicture`);
         document.exitPictureInPicture();
     }
 }
@@ -58462,7 +58412,7 @@ const DEFAULT_PLAYBACK_RATES = [
     { value: 2.0, label: '2x' },
 ];
 const DEFAULT_PLAYBACK_RATE = 1;
-const T$4 = 'plugins.playback_rate';
+const T$5 = 'plugins.playback_rate';
 /**
  * `PLUGIN` that allows changing the playback speed of the video.
  * @public
@@ -58548,7 +58498,7 @@ class PlaybackRate extends UICorePlugin {
         this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChange);
     }
     onCoreReady() {
-        trace(`${T$4} onCoreReady`);
+        trace(`${T$5} onCoreReady`);
         const mediaControl = this.core.getPlugin('media_control');
         assert(mediaControl, 'media_control plugin is required');
         const gear = this.core.getPlugin('bottom_gear');
@@ -58557,7 +58507,7 @@ class PlaybackRate extends UICorePlugin {
         this.listenTo(gear, GearEvents.RENDERED, this.onGearRendered);
     }
     onActiveContainerChange() {
-        trace(`${T$4} onActiveContainerChange`);
+        trace(`${T$5} onActiveContainerChange`);
         this.metadataLoaded = false;
         this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_STOP, this.onStop);
         this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_PLAY, this.onPlay);
@@ -58565,15 +58515,15 @@ class PlaybackRate extends UICorePlugin {
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_LOADEDMETADATA, this.onMetaDataLoaded);
     }
     onMediaControlRendered() {
-        trace(`${T$4} onMediaControlRendered`);
+        trace(`${T$5} onMediaControlRendered`);
         this.render();
     }
     onGearRendered() {
-        trace(`${T$4} onGearRendered`);
+        trace(`${T$5} onGearRendered`);
         this.mount();
     }
     mount() {
-        trace(`${T$4} mount`, {
+        trace(`${T$5} mount`, {
             shouldMount: this.shouldMount(),
         });
         if (!this.shouldMount()) {
@@ -58590,7 +58540,7 @@ class PlaybackRate extends UICorePlugin {
         })));
     }
     onMetaDataLoaded() {
-        trace(`${T$4} onMetaDataLoaded`, {
+        trace(`${T$5} onMetaDataLoaded`, {
             playbackType: this.core.activePlayback.getPlaybackType(),
             dvrEnabled: this.core.activePlayback.dvrEnabled,
         });
@@ -58612,7 +58562,7 @@ class PlaybackRate extends UICorePlugin {
             this.core.activePlayback?.setPlaybackRate(this.selectedRate);
         }
         else {
-            trace(`${T$4} onPlaybackRateChange not steering to the selected rate, it is seemingly a catchup algorithm working`, {
+            trace(`${T$5} onPlaybackRateChange not steering to the selected rate, it is seemingly a catchup algorithm working`, {
                 playbackRate,
                 selectedRate: this.selectedRate,
             });
@@ -58675,13 +58625,13 @@ class PlaybackRate extends UICorePlugin {
         }
     }
     syncRate() {
-        trace(`${T$4} syncRate`, {
+        trace(`${T$5} syncRate`, {
             selectedRate: this.selectedRate,
         });
         this.core.activePlayback?.setPlaybackRate(this.selectedRate);
     }
     resetPlaybackRate() {
-        trace(`${T$4} resetPlaybackRate`, {
+        trace(`${T$5} resetPlaybackRate`, {
             selectedRate: this.selectedRate,
         });
         this.core.activePlayback?.setPlaybackRate(DEFAULT_PLAYBACK_RATE);
@@ -58716,7 +58666,7 @@ class PlaybackRate extends UICorePlugin {
             ?.label || `x${rate}`);
     }
     highlightCurrentRate() {
-        trace(`${T$4} highlightCurrentRate`, {
+        trace(`${T$5} highlightCurrentRate`, {
             selectedRate: this.selectedRate,
         });
         this.allRateElements().removeClass('current');
@@ -59752,7 +59702,7 @@ class SpinnerThreeBounce extends UIContainerPlugin {
     }
 }
 
-const T$3 = 'plugins.source_controller';
+const T$4 = 'plugins.source_controller';
 const INITIAL_RETRY_DELAY = 1000;
 const MAX_RETRY_DELAY = 5000;
 const RETRY_DELAY_BLUR = 500;
@@ -59764,45 +59714,6 @@ function noSync(cb) {
  * `PLUGIN` that is managing the automatic failover between media sources.
  * @public
  * @remarks
- * Have a look at the {@link https://miro.com/app/board/uXjVLiN15tY=/?share_link_id=390327585787 | source failover diagram} for the details
- * on how sources ordering and selection works. Below is a simplified diagram:
- *
- * ```markdown
- * sources_list:
- *       - a.mpd  |    +--------------------+
- *       - b.m3u8 |--->|         init       |
- *       - ...    |    |--------------------|
- *                     | current_source = 0 |
- *                     +--------------------+
- *                            |
- *                            |  source = a.mpd
- *                            |  playback = dash.js
- *                            v
- *                      +------------------+
- *                  +-->|   load source    |
- *                  |   +---------|--------+
- *                  |             v
- *                  |   +------------------+
- *                  |   |       play       |
- *                  |   +---------|--------+
- *                  |             |
- *                  |             v
- *                  |   +-----------------------+
- *                  |   |  on playback_error    |
- *                  |   |-----------------------|
- *                  |   | current_source =      |
- *                  |   |  (current_source + 1) |
- *                  |   |  % len sources_list   |
- *                  |   |                       |
- *                  |   | delay 1..3s           |
- *                  |   +---------------|-------+
- *                  |                   |
- *                  |   source=b.m3u8   |
- *                  |   playback=hls.js |
- *                  +-------------------+
- *
- * ```
- *
  * @example
  * ```ts
  * import { SourceController } from '@gcorevideo/player'
@@ -59928,7 +59839,7 @@ class SourceController extends CorePlugin {
     }
     bindContainerEventListeners() {
         this.core.activePlayback.on(Events$1.PLAYBACK_ERROR, (error) => {
-            trace(`${T$3} on PLAYBACK_ERROR`, {
+            trace(`${T$4} on PLAYBACK_ERROR`, {
                 error: {
                     code: error?.code,
                     description: error?.description,
@@ -59952,7 +59863,7 @@ class SourceController extends CorePlugin {
             }
         });
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PLAY, (_, { autoPlay }) => {
-            trace(`${T$3} onContainerPlay`, {
+            trace(`${T$4} onContainerPlay`, {
                 autoPlay,
                 currentSource: this.sourcesList[this.currentSourceIndex],
                 retrying: this.active,
@@ -59970,7 +59881,7 @@ class SourceController extends CorePlugin {
         this.sourcesDelay = {};
     }
     retryPlayback() {
-        trace(`${T$3} retryPlayback enter`, {
+        trace(`${T$4} retryPlayback enter`, {
             currentSourceIndex: this.currentSourceIndex,
             currentSource: this.sourcesList[this.currentSourceIndex],
         });
@@ -59978,18 +59889,18 @@ class SourceController extends CorePlugin {
         this.switching = true;
         this.core.activeContainer?.getPlugin('spinner')?.show(0);
         this.getNextMediaSource().then((nextSource) => {
-            trace(`${T$3} retryPlayback syncing...`, {
+            trace(`${T$4} retryPlayback syncing...`, {
                 nextSource,
             });
             const rnd = Math.round(RETRY_DELAY_BLUR * Math.random());
             this.sync(() => {
                 this.switching = false;
                 this.core.load(nextSource.source, nextSource.mimeType);
-                trace(`${T$3} retryPlayback loaded`, {
+                trace(`${T$4} retryPlayback loaded`, {
                     nextSource,
                 });
                 setTimeout(() => {
-                    trace(`${T$3} retryPlayback playing`, {
+                    trace(`${T$4} retryPlayback playing`, {
                         autoPlay: this.autoPlay,
                         nextSource,
                     });
@@ -60501,7 +60412,7 @@ class ClosedCaptions extends UICorePlugin {
 // An example implementation of client side performancestatistics
 const WATCH_CUTOFF = 5;
 const STALL_MEASURE_PERIOD = 10;
-const T$2 = 'plugins.telemetry';
+const T$3 = 'plugins.telemetry';
 /**
  * Telemetry event type
  * @beta
@@ -60611,7 +60522,7 @@ class Telemetry extends ContainerPlugin {
     }
     onReady() {
         this.sendInit();
-        trace(`${T$2} onReady`, {
+        trace(`${T$3} onReady`, {
             autoPlay: this.options.autoPlay,
         });
         if (this.options.autoPlay) {
@@ -63312,7 +63223,7 @@ function loadImageDimensions(url) {
     });
 }
 
-const T$1 = 'plugins.thumbnails';
+const T$2 = 'plugins.thumbnails';
 /**
  * `PLUGIN` that displays the thumbnails of the video when available.
  * @public
@@ -63430,14 +63341,14 @@ class Thumbnails extends UICorePlugin {
         if (!this.options.thumbnails ||
             !this.options.thumbnails.sprite ||
             !this.options.thumbnails.vtt) {
-            trace(`${T$1} misconfigured: options.thumbnails.sprite and options.thumbnails.vtt are required`);
+            trace(`${T$2} misconfigured: options.thumbnails.sprite and options.thumbnails.vtt are required`);
             this.destroy();
             return;
         }
         const { sprite: spriteSheet, vtt } = this.options.thumbnails;
         this.thumbs = this.buildSpriteConfig(parseVTT(vtt), spriteSheet);
         if (!this.thumbs.length) {
-            trace(`${T$1} failed to parse the sprite sheet`);
+            trace(`${T$2} failed to parse the sprite sheet`);
             this.destroy();
             return;
         }
@@ -63686,6 +63597,321 @@ function parseVTT(vtt) {
     return cues;
 }
 
+const T$1 = 'plugins.token_refresh';
+/**
+ * Matches the `/{token}/{expires}/` segment in a Gcore protected-content URL.
+ * Token is base64url (letters, digits, `-`, `_`); expires is a ≥10-digit Unix timestamp.
+ */
+const TOKEN_SEGMENT_RE = /\/([A-Za-z0-9_-]{6,})\/(1\d{9,})\//;
+function extractTokenState(url) {
+    const m = url.match(TOKEN_SEGMENT_RE);
+    if (!m)
+        return null;
+    return { token: m[1], expires: parseInt(m[2], 10) };
+}
+/** Replaces the exact `/{oldToken}/{oldExpires}/` segment in a URL. */
+function rewriteUrl(url, from, to) {
+    const oldPart = `/${from.token}/${from.expires}/`;
+    const newPart = `/${to.token}/${to.expires}/`;
+    return url.includes(oldPart) ? url.replace(oldPart, newPart) : url;
+}
+/**
+ * Normalises a URL by removing the `/{token}/{expires}/` segment so two URLs
+ * for the same stream with different token pairs compare equal.
+ * Returns `null` for unparseable input.
+ */
+function streamKey(url) {
+    try {
+        const u = new URL(url);
+        return u.origin + u.pathname.replace(TOKEN_SEGMENT_RE, '/');
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Returns a custom hls.js loader class that transparently rewrites the
+ * token/expires path segments in every request URL.
+ *
+ * The returned class extends the default hls.js XhrLoader so all native
+ * hls.js behaviour (retry, timeout, range requests …) is preserved.
+ */
+function createTokenRewritingLoader(getOriginal, getCurrent) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const DefaultLoader = Hls.DefaultConfig.loader;
+    return class TokenRewritingLoader extends DefaultLoader {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        load(context, config, callbacks) {
+            const original = getOriginal();
+            const current = getCurrent();
+            if (original && current && context.url) {
+                context.url = rewriteUrl(context.url, original, current);
+            }
+            super.load(context, config, callbacks);
+        }
+    };
+}
+/**
+ * `PLUGIN` — automatic token refresh for Gcore protected-content streams.
+ *
+ * Supports all three playback engines:
+ *
+ * | Engine | Mechanism | Interruption |
+ * |--------|-----------|--------------|
+ * | **hls.js** | Custom loader rewrites every request URL | None |
+ * | **dash.js** | `addRequestInterceptor` rewrites every request URL | None |
+ * | **Native `<video>`** (Safari ≤ iOS 14.4) | Source reload + seek restore | Brief |
+ *
+ * @public
+ * @remarks
+ * Register the plugin once before creating any player instance:
+ * ```ts
+ * import { Player, TokenRefreshPlugin } from '@gcorevideo/player'
+ * Player.registerPlugin(TokenRefreshPlugin)
+ * ```
+ *
+ * Then pass `tokenRefresh` in `PlayerConfig`:
+ * ```ts
+ * const player = new Player({
+ *   sources: [{ source: initialUrl, mimeType: 'application/x-mpegURL' }],
+ *   tokenRefresh: {
+ *     getToken: () => fetch('https://…/token').then(r => r.json()),
+ *     ipBound: false,
+ *     refreshLeadSeconds: 5,
+ *     onTokenRefreshed: (data) => console.log('new token expires', data.expires),
+ *   },
+ * })
+ * ```
+ *
+ * @example
+ * Safari native — opt-in Service Worker for fully seamless refresh:
+ * ```js
+ * // Register token-refresh-sw.js (see example/ directory)
+ * // and omit tokenRefresh config — the SW handles rewriting.
+ * ```
+ */
+class TokenRefreshPlugin extends CorePlugin {
+    /** @internal */
+    static get type() {
+        return 'core';
+    }
+    /** @internal */
+    get name() {
+        return 'token_refresh';
+    }
+    /** @internal */
+    get supportedVersion() {
+        return { min: CLAPPR_VERSION$1 };
+    }
+    /** Token state extracted from the currently-managed source URL */
+    originalState = null;
+    /** Latest token state (updated after each refresh) */
+    currentState = null;
+    /** Scheduled refresh timer handle */
+    refreshTimer = null;
+    /** Playback time (seconds) to restore after a native-video source reload */
+    savedPosition = null;
+    /** True when using native HTML5 Video playback (no request interception) */
+    isNativePlayback = false;
+    /** Set in destroy(); short-circuits late timer callbacks and getToken() resolutions */
+    destroyed = false;
+    /** @internal */
+    bindEvents() {
+        this.listenTo(this.core, Events$1.CORE_CONTAINERS_CREATED, this.onContainersCreated);
+    }
+    /** @internal */
+    destroy() {
+        this.destroyed = true;
+        this.clearTimer();
+        super.destroy();
+    }
+    onContainersCreated() {
+        const container = this.core.containers[0];
+        if (!container)
+            return;
+        const playbackName = container.playback.name;
+        const src = container.playback.options?.src ?? '';
+        trace(`${T$1} onContainersCreated`, { playbackName, src: src.slice(0, 80) });
+        this.isNativePlayback = playbackName !== 'hls' && playbackName !== 'dash';
+        const state = extractTokenState(src);
+        if (!state) {
+            // Active source has no token pattern — drop any refresh state we were
+            // holding for a previous stream (e.g. SourceController rotated away).
+            if (this.originalState) {
+                trace(`${T$1} active source has no token pattern — clearing refresh state`);
+                this.clearTimer();
+                this.originalState = null;
+                this.currentState = null;
+            }
+            return;
+        }
+        // Adopt the new token state if this is the first source we see, or if
+        // the stream has changed (SourceController rotated, consumer called
+        // player.load() with a different stream, or the plugin itself reloaded
+        // with a refreshed URL in the native path).
+        const isNewStream = !this.originalState ||
+            state.token !== this.originalState.token ||
+            state.expires !== this.originalState.expires;
+        if (isNewStream) {
+            trace(`${T$1} adopting source token state`, {
+                token: state.token.slice(0, 8) + '…',
+                expires: new Date(state.expires * 1000).toISOString(),
+            });
+            this.originalState = { ...state };
+            this.currentState = { ...state };
+            this.scheduleRefresh();
+        }
+        // Inject the appropriate interception mechanism for this playback engine.
+        switch (playbackName) {
+            case 'hls':
+                this.injectHlsLoader(container);
+                break;
+            case 'dash':
+                this.injectDashInterceptor(container);
+                break;
+            default:
+                // Native HTML5 Video — no request hooks available.
+                // Seek restore after a token-triggered reload.
+                this.listenToOnce(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChangedForNative);
+                break;
+        }
+    }
+    injectHlsLoader(container) {
+        const getOriginal = () => this.originalState;
+        const getCurrent = () => this.currentState;
+        const TokenLoader = createTokenRewritingLoader(getOriginal, getCurrent);
+        $.extend(true, container.playback.options, {
+            playback: {
+                hlsjsConfig: {
+                    loader: TokenLoader,
+                },
+            },
+        });
+        trace(`${T$1} HLS custom loader injected`);
+    }
+    injectDashInterceptor(container) {
+        $.extend(true, container.playback.options, {
+            dash: {
+                requestInterceptor: (request) => {
+                    if (this.originalState && this.currentState) {
+                        request.url = rewriteUrl(request.url, this.originalState, this.currentState);
+                    }
+                    return Promise.resolve(request);
+                },
+            },
+        });
+        trace(`${T$1} DASH request interceptor injected`);
+    }
+    async reloadNativeSource(data) {
+        const container = this.core.activeContainer;
+        const playback = container?.playback;
+        if (!playback)
+            return;
+        // SourceController (or any other actor) may have switched the active
+        // playback to hls/dash while getToken() was in flight. Those engines
+        // have their own request-interception path; a native reload would
+        // undo the switch.
+        if (playback.name === 'hls' || playback.name === 'dash') {
+            trace(`${T$1} skipping native reload — active playback is ${playback.name}`);
+            return;
+        }
+        if (!this.isNativePlayback) {
+            trace(`${T$1} skipping native reload — no longer in native playback mode`);
+            return;
+        }
+        // Verify the URL we're about to load belongs to the same stream that's
+        // currently active. If SourceController rotated to a different stream
+        // during the getToken() await, the refreshed URL would silently swap
+        // us back, undoing SourceController's decision.
+        const currentSrc = playback.options?.src ?? '';
+        const newUrl = this.opts.ipBound ? data.url_ip : data.url;
+        const activeKey = streamKey(currentSrc);
+        const nextKey = streamKey(newUrl);
+        if (!activeKey || !nextKey || activeKey !== nextKey) {
+            trace(`${T$1} skipping native reload — active source differs from refresh URL`, {
+                activeKey,
+                nextKey,
+            });
+            return;
+        }
+        // Capture current playback position before tearing down the container.
+        const mediaEl = playback.el;
+        const currentTime = mediaEl?.currentTime ?? 0;
+        this.savedPosition = currentTime > 0 ? currentTime : null;
+        trace(`${T$1} native reload`, { newUrl: newUrl.slice(0, 80), savedPosition: this.savedPosition });
+        // core.load() destroys and recreates all containers.
+        this.core.load([{ source: newUrl, mimeType: this.core.options.mimeType ?? 'application/x-mpegURL' }]);
+    }
+    onActiveContainerChangedForNative() {
+        if (this.savedPosition === null)
+            return;
+        const pos = this.savedPosition;
+        this.savedPosition = null;
+        // Wait for the new container to be fully ready before seeking.
+        const container = this.core.activeContainer;
+        if (!container)
+            return;
+        this.listenToOnce(container, Events$1.CONTAINER_READY, () => {
+            trace(`${T$1} native: restoring position`, { pos });
+            container.seek(pos);
+            container.play();
+        });
+    }
+    scheduleRefresh() {
+        this.clearTimer();
+        if (this.destroyed || !this.currentState)
+            return;
+        const leadMs = (this.opts.refreshLeadSeconds ?? 5) * 1000;
+        const msUntilRefresh = this.currentState.expires * 1000 - Date.now() - leadMs;
+        trace(`${T$1} next refresh in`, {
+            seconds: Math.round(msUntilRefresh / 1000),
+            expires: new Date(this.currentState.expires * 1000).toISOString(),
+        });
+        this.refreshTimer = setTimeout(() => this.performRefresh(), Math.max(msUntilRefresh, 1000));
+    }
+    async performRefresh() {
+        trace(`${T$1} fetching new token`);
+        try {
+            const data = await this.opts.getToken();
+            // Plugin may have been destroyed while getToken() was in flight; drop the result.
+            if (this.destroyed)
+                return;
+            const newToken = this.opts.ipBound ? data.token_ip : data.token;
+            const newState = { token: newToken, expires: data.expires };
+            if (this.isNativePlayback) {
+                // Must reload source because the <video> element has no request hook.
+                await this.reloadNativeSource(data);
+            }
+            // originalState is never changed after init — it holds the token that was
+            // baked into every URL in the initial manifest. hls.js/dash.js always
+            // produces request URLs based on that manifest, so every segment URL
+            // still contains the original token regardless of how many refreshes
+            // have already happened. The loader replaces original→current on each
+            // request, so updating only currentState is sufficient.
+            this.currentState = newState;
+            this.opts.onTokenRefreshed?.(data);
+            trace(`${T$1} token refreshed`, {
+                token: newToken.slice(0, 8) + '…',
+                expires: new Date(data.expires * 1000).toISOString(),
+            });
+        }
+        catch (err) {
+            trace(`${T$1} token refresh failed`, { err });
+        }
+        // Always reschedule, even after an error (will retry near next expiry).
+        this.scheduleRefresh();
+    }
+    get opts() {
+        return this.options.tokenRefresh;
+    }
+    clearTimer() {
+        if (this.refreshTimer !== null) {
+            clearTimeout(this.refreshTimer);
+            this.refreshTimer = null;
+        }
+    }
+}
+
 /**
  * Events emitted by the VolumeFade plugin.
  * @public
@@ -63794,4 +64020,4 @@ class VolumeFade extends UICorePlugin {
     }
 }
 
-export { AudioTracks as AudioSelector, AudioTracks, BigMuteButton, BottomGear, ChainedTracer, NerdStats as ClapprNerdStats, ClapprStats, ClapprStatsChronograph, ClapprStatsCounter, ClapprStatsEvents, ClickToPause, Clips, ClosedCaptions, CmcdConfig, ContextMenu, DvrControls, ErrorScreen, ExtendedEvents, Favicon, GearEvents, GoogleAnalytics, QualityLevels as LevelSelector, LogTracer, Logger$1 as Logger, Logo, MediaControl, MultiCamera, NerdStats, PictureInPicture, PlaybackErrorCode, PlaybackRate, Player, PlayerEvent, Poster, QualityLevels, RemoteTracer, SeekTime, SentryTracer, Share, SkipTime, SourceController, SpinnerThreeBounce as Spinner, SpinnerEvents, SpinnerThreeBounce, ClosedCaptions as Subtitles, Telemetry, TelemetryEvent, Thumbnails, VolumeFade, VolumeFadeEvents, reportError, setTracer, trace, version };
+export { AudioTracks as AudioSelector, AudioTracks, BigMuteButton, BottomGear, ChainedTracer, NerdStats as ClapprNerdStats, ClapprStats, ClapprStatsChronograph, ClapprStatsCounter, ClapprStatsEvents, ClickToPause, Clips, ClosedCaptions, CmcdConfig, ContextMenu, DvrControls, ErrorScreen, ExtendedEvents, Favicon, GearEvents, GoogleAnalytics, QualityLevels as LevelSelector, LogTracer, Logger$1 as Logger, Logo, MediaControl, MultiCamera, NerdStats, PictureInPicture, PlaybackErrorCode, PlaybackRate, Player, PlayerEvent, Poster, QualityLevels, RemoteTracer, SeekTime, SentryTracer, Share, SkipTime, SourceController, SpinnerThreeBounce as Spinner, SpinnerEvents, SpinnerThreeBounce, ClosedCaptions as Subtitles, Telemetry, TelemetryEvent, Thumbnails, TokenRefreshPlugin, VolumeFade, VolumeFadeEvents, reportError, setTracer, trace, version };