@gcorevideo/player 2.19.14 → 2.20.1

package/lib/plugins/volume-fade/VolumeFade.d.ts

@@ -10,9 +10,15 @@ export declare class VolumeFade extends UICorePlugin {
     private container;
     private delay;
     private interval;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     bindEvents(): void;
-    unBindEvents(): void;
+    private unBindEvents;
     private _onUserChangeVolume;
     private _onVolumeConfig;
     private onCoreReady;

package/lib/plugins/volume-fade/VolumeFade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VolumeFade.d.ts","sourceRoot":"","sources":["../../../src/plugins/volume-fade/VolumeFade.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAiC,MAAM,cAAc,CAAC;AAK3E,oBAAY,gBAAgB;IAC1B,IAAI,qBAAqB;CAC1B;AAED;;GAEG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,kBAAkB,CAAK;IAE/B,OAAO,CAAC,SAAS,CAA0B;IAE3C,OAAO,CAAC,KAAK,CAAK;IAElB,OAAO,CAAC,QAAQ,CAAwB;IAExC,IAAI,IAAI,WAEP;IAEQ,UAAU;IAQnB,YAAY;IAKZ,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,QAAQ;IA0BhB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,OAAO;CAGhB"}
+{"version":3,"file":"VolumeFade.d.ts","sourceRoot":"","sources":["../../../src/plugins/volume-fade/VolumeFade.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAiC,MAAM,cAAc,CAAC;AAK3E,oBAAY,gBAAgB;IAC1B,IAAI,qBAAqB;CAC1B;AAED;;GAEG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,kBAAkB,CAAK;IAE/B,OAAO,CAAC,SAAS,CAA0B;IAE3C,OAAO,CAAC,KAAK,CAAK;IAElB,OAAO,CAAC,QAAQ,CAAwB;IAExC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,WAAW;IAwBnB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,QAAQ;IA0BhB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,OAAO;CAGhB"}

package/lib/plugins/volume-fade/VolumeFade.js

@@ -12,15 +12,22 @@ export class VolumeFade extends UICorePlugin {
     container = null;
     delay = 0;
     interval = null;
+    /**
+     * @internal
+     */
     get name() {
         return 'volume_fade';
     }
+    /**
+     * @internal
+     */
     bindEvents() {
+        // TODO on container changed
         this.listenTo(this.core, Events.CORE_READY, this.onCoreReady);
         if (this.core.mediaControl) {
             this.listenTo(this.core.mediaControl, 'mediacontrol:volume:user', this._onUserChangeVolume);
         }
-        this.listenTo(this.core, 'core:volume:config', this._onVolumeConfig);
+        // this.listenTo(this.core, 'core:volume:config', this._onVolumeConfig);
     }
     unBindEvents() {
         this.core.$el.off('mouseleave.volume');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gcorevideo/player",
-  "version": "2.19.14",
+  "version": "2.20.1",
   "description": "Gcore JavaScript video player",
   "main": "dist/index.js",
   "type": "module",

package/src/index.plugins.ts

@@ -26,10 +26,10 @@ export * from "./plugins/seek-time/SeekTime.js";
 export * from "./plugins/share/Share.js";
 export * from "./plugins/skip-time/SkipTime.js";
 export * from "./plugins/spinner-three-bounce/SpinnerThreeBounce.js";
-export * from "./plugins/statistics/Statistics.js";
+export * from "./plugins/source-controller/SourceController.js";
 export * from "./plugins/subtitles/Subtitles.js";
+export * from "./plugins/telemetry/Telemetry.js";
 export * from "./plugins/thumbnails/Thumbnails.js";
-export * from "./plugins/source-controller/SourceController.js";
 // _ vast-ads
 // _ video360
 export * from "./plugins/volume-fade/VolumeFade.js";

package/src/playback/hls-playback/HlsPlayback.ts

@@ -821,9 +821,9 @@ export default class HlsPlayback extends HTML5Video {
 
   play() {
     !this._hls && this._setup()
-    assert.ok(this._hls, 'Hls.js instance is not available')
     !this._manifestParsed &&
       !this.options.hlsPlayback.preload &&
+      // @ts-expect-error
       this._hls.loadSource(this.options.src)
     super.play()
     this._startTimeUpdateTimer()

package/src/plugins/bottom-gear/BottomGear.ts

@@ -13,9 +13,15 @@ import { ZeptoResult } from '../../utils/types.js';
 
 const VERSION = '2.19.12';
 
-const T = 'plugins.media_control_gear';
+const T = 'plugins.bottom_gear';
 
-export enum Events {
+/**
+ * Custom events emitted by the plugin
+ */
+export enum GearEvents {
+  /**
+   * Emitted when the gear menu is rendered
+   */
   MEDIACONTROL_GEAR_RENDERED = 'mediacontrol:gear:rendered',
 }
 
@@ -30,6 +36,10 @@ export type GearItemElement = 'quality' | 'rate' | 'nerd';
  * @beta
  * @remarks
  * The plugins provides a base for attaching custom settings UI in the gear menu
+ * 
+ * Depends on:
+ *
+ * - {@link MediaControl | media_control}
  */
 export class BottomGear extends UICorePlugin {
   private isHd = false;
@@ -38,7 +48,7 @@ export class BottomGear extends UICorePlugin {
    * @internal
    */
   get name() {
-    return 'media_control_gear';
+    return 'bottom_gear';
   }
 
   /**
@@ -89,10 +99,22 @@ export class BottomGear extends UICorePlugin {
     this.listenTo(mediaControl, ClapprEvents.MEDIACONTROL_HIDE, this.hide); // TODO mediacontrol show as well
   }
 
+  /**
+   * @param name - Name of a gear menu placeholder item to attach custom UI
+   * @returns Zepto result of the element
+   */
   getElement(name: GearItemElement): ZeptoResult | null {
     return this.core.getPlugin('media_control')?.getElement('gear')?.find(`.gear-options-list [data-${name}]`);
   }
 
+  /**
+   * Replaces the content of the gear menu
+   * @param content - Zepto result of the element
+   */
+  setContent(content: ZeptoResult) {
+    this.$el.find('.gear-wrapper').html(content);
+  }
+
   private onActiveContainerChanged() {
     trace(`${T} onActiveContainerChanged`);
     this.bindContainerEvents();
@@ -131,7 +153,7 @@ export class BottomGear extends UICorePlugin {
 
     mediaControl.getElement('gear')?.html(this.el);
     this.core.trigger('gear:rendered'); // @deprecated
-    mediaControl.trigger(Events.MEDIACONTROL_GEAR_RENDERED);
+    mediaControl.trigger(GearEvents.MEDIACONTROL_GEAR_RENDERED);
     return this;
   }