@gcorevideo/player 2.26.1 → 2.26.2

package/dist/index.embed.js

@@ -41681,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$6 = 'playback.hls';
+const T$7 = 'playback.hls';
 class HlsPlayback extends BasePlayback {
     _ccIsSetup = false;
     _ccTracksUpdated = false;
@@ -42005,7 +42005,7 @@ class HlsPlayback extends BasePlayback {
         }
         else {
             Log.error('hlsjs: failed to recover', { evt, data });
-            trace(`${T$6} _recover failed to recover`, {
+            trace(`${T$7} _recover failed to recover`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42091,7 +42091,7 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
     _onHLSJSError(evt, data) {
-        trace(`${T$6} _onHLSJSError`, {
+        trace(`${T$7} _onHLSJSError`, {
             fatal: data.fatal,
             type: data.type,
             details: data.details,
@@ -42139,7 +42139,7 @@ class HlsPlayback extends BasePlayback {
                                     evt,
                                     data,
                                 });
-                                trace(`${T$6} _onHLSJSError trying to recover from network error`, {
+                                trace(`${T$7} _onHLSJSError trying to recover from network error`, {
                                     details: data.details,
                                 });
                                 error.level = PlayerError.Levels.WARN;
@@ -42152,7 +42152,7 @@ class HlsPlayback extends BasePlayback {
                             evt,
                             data,
                         });
-                        trace(`${T$6} _onHLSJSError trying to recover from media error`, {
+                        trace(`${T$7} _onHLSJSError trying to recover from media error`, {
                             details: data.details,
                         });
                         error.level = PlayerError.Levels.WARN;
@@ -42182,7 +42182,7 @@ class HlsPlayback extends BasePlayback {
                 return;
             }
             Log.warn('hlsjs: non-fatal error occurred', { evt, data });
-            trace(`${T$6} _onHLSJSError non-fatal error occurred`, {
+            trace(`${T$7} _onHLSJSError non-fatal error occurred`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42657,7 +42657,7 @@ function registerPlaybacks() {
     Loader.registerPlayback(DashPlayback);
 }
 
-const T$5 = 'gplayer';
+const T$6 = 'gplayer';
 const DEFAULT_OPTIONS = {
     autoPlay: false,
     debug: 'none',
@@ -42981,7 +42981,7 @@ class Player {
     // TODO test
     events = {
         onReady: () => {
-            trace(`${T$5} onReady`, {
+            trace(`${T$6} onReady`, {
                 ready: this.ready,
             });
             if (this.ready) {
@@ -43412,7 +43412,7 @@ const INITIAL_SETTINGS = {
     default: [],
     seekEnabled: false,
 };
-// const T = 'plugins.media_control'
+const T$5 = 'plugins.media_control';
 /**
  * Extended events for the {@link MediaControl} plugin
  * @public
@@ -43425,7 +43425,7 @@ var ExtendedEvents;
 const { Config, Fullscreen, formatTime: formatTime$1, extend, removeArrayItem } = Utils;
 /**
  * `PLUGIN` that provides framework for building media control UI.
- * @beta
+ * @public
  * @remarks
  * The methods exposed are to be used by the other plugins that extend the media control UI.
  *
@@ -44030,7 +44030,10 @@ class MediaControl extends UICorePlugin {
         else {
             this.hideVolumeId = setTimeout(() => {
                 this.hideVolumeId = null;
-                this.$volumeBarContainer.addClass('volume-bar-hide');
+                trace(`${T$5} hideVolumeBar`, {
+                    volumeBarContainer: !!this.$volumeBarContainer,
+                });
+                this.$volumeBarContainer?.addClass('volume-bar-hide');
             }, timeout);
         }
     }
@@ -44472,8 +44475,6 @@ class MediaControl extends UICorePlugin {
         }
         const timeout = this.options.hideMediaControlDelay || 2000;
         this.$el.html(MediaControl.template({ settings: this.settings }));
-        // const style = Styler.getStyleFor(mediaControlStyle, { baseUrl: this.options.baseUrl });
-        // this.$el.append(style[0]);
         this.createCachedElements();
         this.drawDurationAndPosition();
         this.$playPauseToggle?.addClass('paused');
@@ -44640,7 +44641,7 @@ const VERSION$6 = '2.22.4';
 // const T = 'plugins.audiotracks'
 /**
  * `PLUGIN` that makes possible to switch audio tracks via the media control UI.
- * @beta
+ * @public
  * @remarks
  * The plugin is activated when there are multiple audio tracks available.
  * The plugin adds a button showing the current audio track and a dropdown to switch to another audio track.
@@ -45221,7 +45222,9 @@ class BottomGear extends UICorePlugin {
         assert(mediaControl, 'media_control plugin is required');
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_RENDERED, this.onMediaControlRendered);
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_HIDE, this.collapse);
-        this.listenTo(mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, () => {
+        this.listenTo(mediaControl, 
+        // TODO ACTIVE_CONTAINER_CHANGED?
+        Events$1.MEDIACONTROL_CONTAINERCHANGED, () => {
             this.bindContainerEvents(mediaControl.container);
         });
         this.listenTo(mediaControl, ExtendedEvents.MEDIACONTROL_MENU_COLLAPSE, (from) => {
@@ -48238,7 +48241,7 @@ const templateHtml$1 = "<ul class=\"context-menu-list\" role=\"menu\" id=\"conte
 
 /**
  * `PLUGIN` that displays a small context menu when clicked on the player container.
- * @beta
+ * @public
  * @remarks
  * Configuration options - {@link ContextMenuPluginSettings}
  *
@@ -48718,7 +48721,7 @@ const DEFAULT_PLAYBACK_RATE = 1;
 const T$2 = 'plugins.playback_rate';
 /**
  * `PLUGIN` that allows changing the playback speed of the video.
- * @beta
+ * @public
  *
  * @remarks
  * Depends on:
@@ -49386,7 +49389,7 @@ class QualityLevels extends UICorePlugin {
         }));
     }
     get pluginOptions() {
-        return (this.core.options.qualityLevels || this.core.options.levelSelector || {});
+        return (this.core.options.qualityLevels ?? this.core.options.levelSelector ?? {});
     }
     get maxLevel() {
         const maxRes = this.pluginOptions.restrictResolution;
@@ -49491,7 +49494,7 @@ const { formatTime } = Utils;
 // const T = 'plugins.seek_time'
 /**
  * `PLUGIN` that adds a seek time indicator when the mouse pointer is over the seek bar.
- * @beta
+ * @public
  * @remarks
  * Configuration options - {@link SeekTimeSettings}
  */
@@ -50667,7 +50670,7 @@ function loadImageDimensions(url) {
 
 /**
  * `PLUGIN` that displays the thumbnails of the video when available.
- * @beta
+ * @public
  * @remarks
  * The plugin needs specially crafted VTT file with a thumbnail sprite sheet to work.
  * The VTT consist of timestamp records followed by a thumbnail area

package/dist/index.js

@@ -12680,7 +12680,7 @@ var PlaybackEvents;
 // https://github.com/clappr/clappr/blob/8752995ea439321ac7ca3cd35e8c64de7a3c3d17/LICENSE
 const AUTO$1 = -1;
 const { now: now$2 } = Utils;
-const T$d = 'playback.dash';
+const T$e = 'playback.dash';
 class DashPlayback extends BasePlayback {
     _levels = null;
     _currentLevel = null;
@@ -12954,7 +12954,7 @@ class DashPlayback extends BasePlayback {
     }
     _onPlaybackError = (event) => {
         // TODO
-        trace(`${T$d} _onPlaybackError`, { event });
+        trace(`${T$e} _onPlaybackError`, { event });
     };
     _onDASHJSSError = (event) => {
         this._stopTimeUpdateTimer();
@@ -41840,7 +41840,7 @@ const AUTO = -1;
 const DEFAULT_RECOVER_ATTEMPTS = 16;
 Events$1.register('PLAYBACK_FRAGMENT_CHANGED');
 Events$1.register('PLAYBACK_FRAGMENT_PARSING_METADATA');
-const T$c = 'playback.hls';
+const T$d = 'playback.hls';
 class HlsPlayback extends BasePlayback {
     _ccIsSetup = false;
     _ccTracksUpdated = false;
@@ -42164,7 +42164,7 @@ class HlsPlayback extends BasePlayback {
         }
         else {
             Log.error('hlsjs: failed to recover', { evt, data });
-            trace(`${T$c} _recover failed to recover`, {
+            trace(`${T$d} _recover failed to recover`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42250,7 +42250,7 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
     _onHLSJSError(evt, data) {
-        trace(`${T$c} _onHLSJSError`, {
+        trace(`${T$d} _onHLSJSError`, {
             fatal: data.fatal,
             type: data.type,
             details: data.details,
@@ -42298,7 +42298,7 @@ class HlsPlayback extends BasePlayback {
                                     evt,
                                     data,
                                 });
-                                trace(`${T$c} _onHLSJSError trying to recover from network error`, {
+                                trace(`${T$d} _onHLSJSError trying to recover from network error`, {
                                     details: data.details,
                                 });
                                 error.level = PlayerError.Levels.WARN;
@@ -42311,7 +42311,7 @@ class HlsPlayback extends BasePlayback {
                             evt,
                             data,
                         });
-                        trace(`${T$c} _onHLSJSError trying to recover from media error`, {
+                        trace(`${T$d} _onHLSJSError trying to recover from media error`, {
                             details: data.details,
                         });
                         error.level = PlayerError.Levels.WARN;
@@ -42341,7 +42341,7 @@ class HlsPlayback extends BasePlayback {
                 return;
             }
             Log.warn('hlsjs: non-fatal error occurred', { evt, data });
-            trace(`${T$c} _onHLSJSError non-fatal error occurred`, {
+            trace(`${T$d} _onHLSJSError non-fatal error occurred`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42682,7 +42682,7 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_AUDIO_AVAILABLE, data.audioTracks.map(toClapprTrack));
     }
     _onAudioTrackSwitched(_, data) {
-        trace(`${T$c} onAudioTrackSwitched`);
+        trace(`${T$d} onAudioTrackSwitched`);
         // @ts-ignore
         const track = this._hls.audioTracks[data.id];
         this.trigger(Events$1.PLAYBACK_AUDIO_CHANGED, toClapprTrack(track));
@@ -42703,7 +42703,7 @@ function toClapprTrack(t) {
     };
 }
 
-const T$b = 'playback.html5_video';
+const T$c = 'playback.html5_video';
 const STALL_TIMEOUT = 15000;
 class HTML5Video extends BasePlayback {
     stallTimerId = null;
@@ -42802,7 +42802,7 @@ class HTML5Video extends BasePlayback {
     switchAudioTrack(id) {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$b} switchAudioTrack`, {
+        trace(`${T$c} switchAudioTrack`, {
             supported,
         });
         if (supported) {
@@ -42821,7 +42821,7 @@ function registerPlaybacks() {
     Loader.registerPlayback(DashPlayback);
 }
 
-const T$a = 'gplayer';
+const T$b = 'gplayer';
 const DEFAULT_OPTIONS = {
     autoPlay: false,
     debug: 'none',
@@ -43130,7 +43130,7 @@ class Player {
         }
     }
     triggerAutoPlay() {
-        trace(`${T$a} triggerAutoPlay`);
+        trace(`${T$b} triggerAutoPlay`);
         setTimeout(() => {
             this.player?.play({
                 autoPlay: true,
@@ -43148,7 +43148,7 @@ class Player {
     // TODO test
     events = {
         onReady: () => {
-            trace(`${T$a} onReady`, {
+            trace(`${T$b} onReady`, {
                 ready: this.ready,
             });
             if (this.ready) {
@@ -43182,7 +43182,7 @@ class Player {
     buildCoreOptions(rootNode) {
         const sources = this.buildMediaSourcesList();
         const source = sources[0];
-        trace(`${T$a} buildCoreOptions`, {
+        trace(`${T$b} buildCoreOptions`, {
             source,
             sources,
         });
@@ -43259,7 +43259,7 @@ class Player {
     }
 }
 
-var version$1 = "2.26.1";
+var version$1 = "2.26.2";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -43595,7 +43595,7 @@ const INITIAL_SETTINGS = {
     default: [],
     seekEnabled: false,
 };
-// const T = 'plugins.media_control'
+const T$a = 'plugins.media_control';
 /**
  * Extended events for the {@link MediaControl} plugin
  * @public
@@ -43608,7 +43608,7 @@ var ExtendedEvents;
 const { Config, Fullscreen, formatTime: formatTime$1, extend, removeArrayItem } = Utils;
 /**
  * `PLUGIN` that provides framework for building media control UI.
- * @beta
+ * @public
  * @remarks
  * The methods exposed are to be used by the other plugins that extend the media control UI.
  *
@@ -44214,7 +44214,10 @@ class MediaControl extends UICorePlugin {
         else {
             this.hideVolumeId = setTimeout(() => {
                 this.hideVolumeId = null;
-                this.$volumeBarContainer.addClass('volume-bar-hide');
+                trace(`${T$a} hideVolumeBar`, {
+                    volumeBarContainer: !!this.$volumeBarContainer,
+                });
+                this.$volumeBarContainer?.addClass('volume-bar-hide');
             }, timeout);
         }
     }
@@ -44656,8 +44659,6 @@ class MediaControl extends UICorePlugin {
         }
         const timeout = this.options.hideMediaControlDelay || 2000;
         this.$el.html(MediaControl.template({ settings: this.settings }));
-        // const style = Styler.getStyleFor(mediaControlStyle, { baseUrl: this.options.baseUrl });
-        // this.$el.append(style[0]);
         this.createCachedElements();
         this.drawDurationAndPosition();
         this.$playPauseToggle?.addClass('paused');
@@ -44824,7 +44825,7 @@ const VERSION$7 = '2.22.4';
 // const T = 'plugins.audiotracks'
 /**
  * `PLUGIN` that makes possible to switch audio tracks via the media control UI.
- * @beta
+ * @public
  * @remarks
  * The plugin is activated when there are multiple audio tracks available.
  * The plugin adds a button showing the current audio track and a dropdown to switch to another audio track.
@@ -45403,7 +45404,9 @@ class BottomGear extends UICorePlugin {
         assert(mediaControl, 'media_control plugin is required');
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_RENDERED, this.onMediaControlRendered);
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_HIDE, this.collapse);
-        this.listenTo(mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, () => {
+        this.listenTo(mediaControl, 
+        // TODO ACTIVE_CONTAINER_CHANGED?
+        Events$1.MEDIACONTROL_CONTAINERCHANGED, () => {
             this.bindContainerEvents(mediaControl.container);
         });
         this.listenTo(mediaControl, ExtendedEvents.MEDIACONTROL_MENU_COLLAPSE, (from) => {
@@ -48679,7 +48682,7 @@ const templateHtml$1 = "<ul class=\"context-menu-list\" role=\"menu\" id=\"conte
 
 /**
  * `PLUGIN` that displays a small context menu when clicked on the player container.
- * @beta
+ * @public
  * @remarks
  * Configuration options - {@link ContextMenuPluginSettings}
  *
@@ -49945,7 +49948,7 @@ const DEFAULT_PLAYBACK_RATE = 1;
 const T$5 = 'plugins.playback_rate';
 /**
  * `PLUGIN` that allows changing the playback speed of the video.
- * @beta
+ * @public
  *
  * @remarks
  * Depends on:
@@ -50614,7 +50617,7 @@ class QualityLevels extends UICorePlugin {
         }));
     }
     get pluginOptions() {
-        return (this.core.options.qualityLevels || this.core.options.levelSelector || {});
+        return (this.core.options.qualityLevels ?? this.core.options.levelSelector ?? {});
     }
     get maxLevel() {
         const maxRes = this.pluginOptions.restrictResolution;
@@ -50717,7 +50720,7 @@ const { formatTime } = Utils;
 // const T = 'plugins.seek_time'
 /**
  * `PLUGIN` that adds a seek time indicator when the mouse pointer is over the seek bar.
- * @beta
+ * @public
  * @remarks
  * Configuration options - {@link SeekTimeSettings}
  */
@@ -52191,7 +52194,7 @@ function loadImageDimensions(url) {
 const T$1 = 'plugins.thumbnails';
 /**
  * `PLUGIN` that displays the thumbnails of the video when available.
- * @beta
+ * @public
  * @remarks
  * The plugin needs specially crafted VTT file with a thumbnail sprite sheet to work.
  * The VTT consist of timestamp records followed by a thumbnail area
@@ -52553,7 +52556,7 @@ const DEFAULT_DURATION = 600;
 const DEFAULT_VOLUME_LEVEL = 80;
 /**
  * `PLUGIN` that mutes the sound and fades it in when the mouse is over the player.
- * @beta
+ * @public
  *
  * @remarks
  * When the user moves the mouse over and away from the player, the sound is unmuted and unmuted with a fade effect.

package/dist/player.d.ts

@@ -43,7 +43,7 @@ import { UIObject } from '@clappr/core';
 
 /**
  * `PLUGIN` that makes possible to switch audio tracks via the media control UI.
- * @beta
+ * @public
  * @remarks
  * The plugin is activated when there are multiple audio tracks available.
  * The plugin adds a button showing the current audio track and a dropdown to switch to another audio track.
@@ -814,7 +814,7 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * `PLUGIN` that displays a small context menu when clicked on the player container.
-     * @beta
+     * @public
      * @remarks
      * Configuration options - {@link ContextMenuPluginSettings}
      *
@@ -868,7 +868,7 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * Context menu plugin settings
-     * @beta
+     * @public
      */
     export declare interface ContextMenuPluginSettings {
         options?: MenuOption[];
@@ -1193,7 +1193,7 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * `PLUGIN` that provides framework for building media control UI.
-     * @beta
+     * @public
      * @remarks
      * The methods exposed are to be used by the other plugins that extend the media control UI.
      *
@@ -1524,7 +1524,7 @@ export declare class ClapprStats extends ContainerPlugin {
     /**
      * Media control element.
      * Each element's token in the media control layout settings determines where the element is rendered.
-     * @beta
+     * @public
      * @remarks
      * Standard media control elements are defined in the {@link StandardMediaControlElement} type.
      * Custom media control elements can be identified by a unique token.
@@ -1535,7 +1535,7 @@ export declare class ClapprStats extends ContainerPlugin {
      * Specifies the layout of media control elements.
      * Actual elements will be rendered according to the playback settings. Custom elements rendered by the plugins
      * will be mounted at the specified locations.
-     * @beta
+     * @public
      */
     export declare type MediaControlSettings = {
         left: MediaControlElement[];
@@ -1546,7 +1546,7 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * Identifies a location for mounting custom media control elements.
-     * @beta
+     * @public
      */
     export declare type MediaControlSlotMountPoint = 'root' | 'base' | 'left' | 'right' | 'center' | 'seekbar';
 
@@ -1836,7 +1836,7 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * `PLUGIN` that allows changing the playback speed of the video.
-     * @beta
+     * @public
      *
      * @remarks
      * Depends on:
@@ -2626,7 +2626,7 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * `PLUGIN` that adds a seek time indicator when the mouse pointer is over the seek bar.
-     * @beta
+     * @public
      * @remarks
      * Configuration options - {@link SeekTimeSettings}
      */
@@ -2668,12 +2668,11 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * Configuration options for the SeekTime plugin.
-     * @beta
+     * @public
      */
     export declare type SeekTimeSettings = {
         /**
          * Whether to show the duration of the video. Applies only to the VOD streams.
-         * @beta
          */
         duration?: boolean;
     };
@@ -2951,7 +2950,7 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * Built-in media control elements.
-     * @beta
+     * @public
      */
     export declare type StandardMediaControlElement = 'duration' | 'fullscreen' | 'hd-indicator' | 'playpause' | 'playstop' | 'position' | 'seekbar' | 'volume';
 
@@ -3080,7 +3079,7 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * `PLUGIN` that displays the thumbnails of the video when available.
-     * @beta
+     * @public
      * @remarks
      * The plugin needs specially crafted VTT file with a thumbnail sprite sheet to work.
      * The VTT consist of timestamp records followed by a thumbnail area
@@ -3161,7 +3160,7 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * Plugin configuration options for the thumbnails plugin.
-     * @beta
+     * @public
      */
     export declare type ThumbnailsPluginSettings = {
         backdropHeight?: number;
@@ -3273,7 +3272,7 @@ export declare class ClapprStats extends ContainerPlugin {
 
     /**
      * `PLUGIN` that mutes the sound and fades it in when the mouse is over the player.
-     * @beta
+     * @public
      *
      * @remarks
      * When the user moves the mouse over and away from the player, the sound is unmuted and unmuted with a fade effect.

package/docs/api/player.audiotracks.md

@@ -4,9 +4,6 @@
 
 ## AudioTracks class
 
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
 `PLUGIN` that makes possible to switch audio tracks via the media control UI.
 
 **Signature:**

package/docs/api/player.contextmenu._constructor_.md

@@ -4,9 +4,6 @@
 
 ## ContextMenu.(constructor)
 
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
 Constructs a new instance of the `ContextMenu` class
 
 **Signature:**

package/docs/api/player.contextmenu.md

@@ -4,9 +4,6 @@
 
 ## ContextMenu class
 
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
 `PLUGIN` that displays a small context menu when clicked on the player container.
 
 **Signature:**
@@ -50,7 +47,7 @@ Description
 
 </td><td>
 
-**_(BETA)_** Constructs a new instance of the `ContextMenu` class
+Constructs a new instance of the `ContextMenu` class
 
 
 </td></tr>

package/docs/api/player.contextmenupluginsettings.md

@@ -4,9 +4,6 @@
 
 ## ContextMenuPluginSettings interface
 
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
 Context menu plugin settings
 
 **Signature:**
@@ -53,7 +50,7 @@ Description
 
 </td><td>
 
-**_(BETA)_** _(Optional)_
+_(Optional)_
 
 
 </td></tr>

package/docs/api/player.contextmenupluginsettings.options.md

@@ -4,9 +4,6 @@
 
 ## ContextMenuPluginSettings.options property
 
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
 **Signature:**
 
 ```typescript