@gcorevideo/player 2.22.0 → 2.22.1

package/lib/plugins/playback-rate/PlaybackRate.d.ts

@@ -1,4 +1,18 @@
 import { UICorePlugin, Core } from '@clappr/core';
+/**
+ * @beta
+ */
+export type PlaybackRateOption = {
+    value: number;
+    label: string;
+};
+/**
+ * @beta
+ */
+export type PlaybackRateSettings = {
+    options?: PlaybackRateOption[];
+    defaultValue?: number;
+};
 /**
  * `PLUGIN` that allows changing the playback speed of the video.
  * @beta
@@ -6,17 +20,32 @@ import { UICorePlugin, Core } from '@clappr/core';
  * @remarks
  * Depends on:
  *
- * - {@link MediaControl | media_control}
+ * - {@link MediaControl}
+ *
+ * - {@link BottomGear}
+ *
+ * It renders an option in the gear menu, which opens a dropdown with the options to change the playback rate.
+ * Note that the playback rate change is supported only for VOD or DVR-enabled live streams.
  *
- * - {@link BottomGear | bottom_gear}
+ * Plugin settings - {@link PlaybackRateSettings}
  *
- * It renders a button in the gear menu, which opens a dropdown with the options to change the playback rate.
- * Note that the playback rate change is supported only for VOD or DVR enabled live streams.
+ * @example
+ * ```ts
+ * import { Player, PlaybackRateSettings } from '@gcorevideo/player'
+ * Player.registerPlugin(PlaybackRate)
+ * const player = new Player({
+ *   playbackRate: {
+ *     options: [
+ *       { value: 0.5, label: '0.5x' },
+ *       { value: 1, label: '1x' },
+ *     ],
+ *     defaultValue: 1,
+ *   } as PlaybackRateSettings,
+ * })
+ * ```
  */
 export declare class PlaybackRate extends UICorePlugin {
     private playbackRates;
-    private prevSelectedRate;
-    private rendered;
     private selectedRate;
     /**
      * @internal
@@ -41,9 +70,8 @@ export declare class PlaybackRate extends UICorePlugin {
      * @internal
      */
     get events(): {
-        'click .gear-sub-menu_btn': string;
-        'click .gear-option': string;
-        'click .go-back': string;
+        'click [data-rate]': string;
+        'click #playback-rate-back-button': string;
     };
     /**
      * @internal
@@ -51,8 +79,10 @@ export declare class PlaybackRate extends UICorePlugin {
     bindEvents(): void;
     private onCoreReady;
     private onActiveContainerChange;
+    private onMediaControlRendered;
     private onGearRendered;
-    private onDvrStateChanged;
+    private addGearItem;
+    private onMetaDataLoaded;
     private allRateElements;
     private rateElement;
     private onPlaybackRateChange;
@@ -61,16 +91,14 @@ export declare class PlaybackRate extends UICorePlugin {
      * @internal
      */
     render(): this;
-    private onStartAd;
-    private onFinishAd;
     private onPlay;
     private resetPlaybackRate;
     private onStop;
-    private onRateSelect;
-    private onShowMenu;
+    private onSelect;
     private goBack;
     private setSelectedRate;
     private getTitle;
     private highlightCurrentRate;
+    private updateGearOptionLabel;
 }
 //# sourceMappingURL=PlaybackRate.d.ts.map

package/lib/plugins/playback-rate/PlaybackRate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlaybackRate.d.ts","sourceRoot":"","sources":["../../../src/plugins/playback-rate/PlaybackRate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAsB,IAAI,EAAE,MAAM,cAAc,CAAA;AAuC7E;;;;;;;;;;;;;GAaG;AACH,qBAAa,YAAa,SAAQ,YAAY;IAC5C,OAAO,CAAC,aAAa,CAA+C;IAGpE,OAAO,CAAC,gBAAgB,CAAoB;IAE5C,OAAO,CAAC,QAAQ,CAAQ;IAExB,OAAO,CAAC,YAAY,CAAgC;IAEpD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAuB;IAE7D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAqB;gBAE7C,IAAI,EAAE,IAAI;IAQtB;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,oBAAoB;IAY5B,OAAO,CAAC,YAAY;IAepB;;OAEG;IACM,MAAM;IAgCf,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,MAAM;IAEd,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,oBAAoB;CAS7B"}
+{"version":3,"file":"PlaybackRate.d.ts","sourceRoot":"","sources":["../../../src/plugins/playback-rate/PlaybackRate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAsB,IAAI,EAAK,MAAM,cAAc,CAAA;AAiBhF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAAa,YAAa,SAAQ,YAAY;IAC5C,OAAO,CAAC,aAAa,CAA+C;IAKpE,OAAO,CAAC,YAAY,CAAwB;IAE5C;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAuB;IAE7D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAqB;gBAE7C,IAAI,EAAE,IAAI;IAQtB;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,YAAY;IAepB;;OAEG;IACM,MAAM;IAwCf,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,MAAM;IAEd,OAAO,CAAC,QAAQ;IAchB,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,qBAAqB;CAI9B"}

package/lib/plugins/playback-rate/PlaybackRate.js

@@ -1,4 +1,4 @@
-import { Events, UICorePlugin, Playback, template } from '@clappr/core';
+import { Events, UICorePlugin, Playback, template, $ } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
 import assert from 'assert';
 import { CLAPPR_VERSION } from '../../build.js';
@@ -8,18 +8,18 @@ import speedIcon from '../../../assets/icons/new/speed.svg';
 import arrowRightIcon from '../../../assets/icons/new/arrow-right.svg';
 import arrowLeftIcon from '../../../assets/icons/new/arrow-left.svg';
 import checkIcon from '../../../assets/icons/new/check.svg';
+import { GearEvents } from '../bottom-gear/BottomGear.js';
 import { PlaybackEvents } from '../../playback/types.js';
-import { MediaControlEvents, } from '../media-control/MediaControl.js';
 const DEFAULT_PLAYBACK_RATES = [
-    { value: '0.5', label: '0.5x' },
-    { value: '0.75', label: '0.75x' },
-    { value: '1.0', label: '1x' },
-    { value: '1.25', label: '1.25x' },
-    { value: '1.5', label: '1.5x' },
-    { value: '1.75', label: '1.75x' },
-    { value: '2.0', label: '2x' },
+    { value: 0.5, label: '0.5x' },
+    { value: 0.75, label: '0.75x' },
+    { value: 1.0, label: '1x' },
+    { value: 1.25, label: '1.25x' },
+    { value: 1.5, label: '1.5x' },
+    { value: 1.75, label: '1.75x' },
+    { value: 2.0, label: '2x' },
 ];
-const DEFAULT_PLAYBACK_RATE = '1.0';
+const DEFAULT_PLAYBACK_RATE = 1;
 const T = 'plugins.playback_rate';
 /**
  * `PLUGIN` that allows changing the playback speed of the video.
@@ -28,18 +28,34 @@ const T = 'plugins.playback_rate';
  * @remarks
  * Depends on:
  *
- * - {@link MediaControl | media_control}
+ * - {@link MediaControl}
  *
- * - {@link BottomGear | bottom_gear}
+ * - {@link BottomGear}
  *
- * It renders a button in the gear menu, which opens a dropdown with the options to change the playback rate.
- * Note that the playback rate change is supported only for VOD or DVR enabled live streams.
+ * It renders an option in the gear menu, which opens a dropdown with the options to change the playback rate.
+ * Note that the playback rate change is supported only for VOD or DVR-enabled live streams.
+ *
+ * Plugin settings - {@link PlaybackRateSettings}
+ *
+ * @example
+ * ```ts
+ * import { Player, PlaybackRateSettings } from '@gcorevideo/player'
+ * Player.registerPlugin(PlaybackRate)
+ * const player = new Player({
+ *   playbackRate: {
+ *     options: [
+ *       { value: 0.5, label: '0.5x' },
+ *       { value: 1, label: '1x' },
+ *     ],
+ *     defaultValue: 1,
+ *   } as PlaybackRateSettings,
+ * })
+ * ```
  */
 export class PlaybackRate extends UICorePlugin {
     playbackRates = DEFAULT_PLAYBACK_RATES;
     // Saved when an ad starts to restore after it finishes
-    prevSelectedRate;
-    rendered = false;
+    // private prevSelectedRate: string | undefined
     selectedRate = DEFAULT_PLAYBACK_RATE;
     /**
      * @internal
@@ -75,16 +91,15 @@ export class PlaybackRate extends UICorePlugin {
      */
     get events() {
         return {
-            'click .gear-sub-menu_btn': 'onRateSelect',
-            'click .gear-option': 'onShowMenu',
-            'click .go-back': 'goBack',
+            'click [data-rate]': 'onSelect',
+            'click #playback-rate-back-button': 'goBack',
         };
     }
     /**
      * @internal
      */
     bindEvents() {
-        this.listenTo(this.core, Events.CORE_READY, this.onCoreReady);
+        this.listenToOnce(this.core, Events.CORE_READY, this.onCoreReady);
         this.listenTo(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChange);
     }
     onCoreReady() {
@@ -93,45 +108,56 @@ export class PlaybackRate extends UICorePlugin {
         assert(mediaControl, 'media_control plugin is required');
         const gear = this.core.getPlugin('bottom_gear');
         assert(gear, 'bottom_gear plugin is required');
-        this.listenTo(mediaControl, MediaControlEvents.MEDIACONTROL_GEAR_RENDERED, this.onGearRendered);
+        this.listenTo(mediaControl, Events.MEDIACONTROL_RENDERED, this.onMediaControlRendered);
+        this.listenTo(gear, GearEvents.RENDERED, this.onGearRendered);
     }
     onActiveContainerChange() {
         trace(`${T} onActiveContainerChange`);
         this.listenTo(this.core.activePlayback, Events.PLAYBACK_STOP, this.onStop);
         this.listenTo(this.core.activePlayback, Events.PLAYBACK_PLAY, this.onPlay);
         this.listenTo(this.core.activePlayback, PlaybackEvents.PLAYBACK_RATE_CHANGED, this.onPlaybackRateChange);
-        this.listenTo(this.core.activeContainer, Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.onDvrStateChanged);
+        this.listenTo(this.core.activeContainer, Events.CONTAINER_LOADEDMETADATA, this.onMetaDataLoaded);
     }
-    onGearRendered() {
-        trace(`${T} onGearRendered`, {
-            rendered: this.rendered,
-        });
-        this.rendered = false;
+    onMediaControlRendered() {
+        trace(`${T} onMediaControlRendered`);
         this.render();
     }
-    onDvrStateChanged(dvrEnabled) {
-        trace(`${T} onDvrStateChanged`, {
-            dvrEnabled,
-        });
-        if (dvrEnabled) {
-            this.render();
-        }
+    onGearRendered() {
+        trace(`${T} onGearRendered`);
+        this.addGearItem();
+    }
+    addGearItem() {
+        trace(`${T} addGearItem`);
+        this.core
+            .getPlugin('bottom_gear')
+            ?.addItem('rate', this.$el)
+            .html($(PlaybackRate.buttonTemplate({
+            title: this.getTitle(),
+            speedIcon,
+            arrowRightIcon,
+            i18n: this.core.i18n,
+        })));
+    }
+    onMetaDataLoaded() {
+        trace(`${T} onMetaDataLoaded`);
+        this.render();
     }
     allRateElements() {
-        return this.$('ul.gear-sub-menu li');
+        return this.$el.find('#playback-rate-menu li');
     }
-    rateElement(rate = '1') {
-        return this.$(`ul.gear-sub-menu a[data-rate="${rate}"]`).parent();
+    rateElement(rate) {
+        return this.$el.find(`#playback-rate-menu a[data-rate="${rate}"]`).parent();
     }
     onPlaybackRateChange(playbackRate) {
-        const selectedRate = parseInt(this.selectedRate, 10);
         // TODO check it doesn't interfere with the DASH.js or HLS.js playback live catchup
-        if (Math.abs(playbackRate - selectedRate) > 0.1) {
-            trace(`${T} onPlaybackRateChange setting target rate`, {
+        if (Math.abs(playbackRate - this.selectedRate) > 0.1) {
+            this.core.activePlayback?.setPlaybackRate(this.selectedRate);
+        }
+        else {
+            trace(`${T} onPlaybackRateChange not steering to the selected rate, it is seemingly a catchup algorithm working`, {
                 playbackRate,
-                selectedRate,
+                selectedRate: this.selectedRate,
             });
-            this.core.activePlayback?.setPlaybackRate(selectedRate);
         }
     }
     shouldRender() {
@@ -149,38 +175,35 @@ export class PlaybackRate extends UICorePlugin {
      */
     render() {
         trace(`${T} render`, {
-            rendered: this.rendered,
             shouldRender: this.shouldRender(),
         });
         if (!this.shouldRender()) {
             return this;
         }
-        if (this.rendered) {
-            return this;
-        }
-        const button = PlaybackRate.buttonTemplate({
-            title: this.getTitle(),
-            speedIcon,
-            arrowRightIcon,
+        this.$el.html(PlaybackRate.listTemplate({
+            arrowLeftIcon,
+            checkIcon,
+            current: this.selectedRate,
             i18n: this.core.i18n,
-        });
-        this.$el.html(button);
-        this.core.getPlugin('bottom_gear')
-            ?.getElement('rate')
-            ?.html(this.el);
-        this.rendered = true;
+            playbackRates: this.playbackRates,
+        }));
+        this.addGearItem();
         return this;
     }
-    onStartAd() {
-        this.prevSelectedRate = this.selectedRate;
-        this.resetPlaybackRate();
-        this.listenToOnce(this.core.activePlayback, Events.PLAYBACK_PLAY, this.onFinishAd);
-    }
-    onFinishAd() {
-        if (this.prevSelectedRate) {
-            this.setSelectedRate(this.prevSelectedRate);
-        }
-    }
+    // private onStartAd() {
+    //   this.prevSelectedRate = this.selectedRate
+    //   this.resetPlaybackRate()
+    //   this.listenToOnce(
+    //     this.core.activePlayback,
+    //     Events.PLAYBACK_PLAY,
+    //     this.onFinishAd,
+    //   )
+    // }
+    // private onFinishAd() {
+    //   if (this.prevSelectedRate) {
+    //     this.setSelectedRate(this.prevSelectedRate)
+    //   }
+    // }
     onPlay() {
         if (this.core.getPlaybackType() === Playback.LIVE &&
             !this.core.activePlayback.dvrEnabled) {
@@ -194,44 +217,39 @@ export class PlaybackRate extends UICorePlugin {
         this.setSelectedRate(DEFAULT_PLAYBACK_RATE);
     }
     onStop() { }
-    onRateSelect(event) {
+    onSelect(event) {
         event.stopPropagation();
-        const rate = event.currentTarget.dataset.rate;
+        const rate = parseFloat(event.currentTarget.dataset.rate || '');
         if (rate) {
             this.setSelectedRate(rate);
             this.highlightCurrentRate();
+            this.updateGearOptionLabel();
         }
         return false;
     }
-    onShowMenu() {
-        this.$el.html(PlaybackRate.listTemplate({
-            playbackRates: this.playbackRates,
-            arrowLeftIcon,
-            checkIcon,
-            i18n: this.core.i18n,
-        }));
-        this.core.getPlugin('bottom_gear')?.setContent(this.el);
-        this.highlightCurrentRate();
-    }
     goBack() {
         setTimeout(() => {
             this.core.getPlugin('bottom_gear').refresh();
         }, 0);
     }
     setSelectedRate(rate) {
-        // Set <video playbackRate="..."
         this.core.activePlayback?.setPlaybackRate(rate);
         this.selectedRate = rate;
     }
     getTitle() {
         return (this.playbackRates.find((r) => r.value === this.selectedRate)?.label ||
-            this.selectedRate);
+            `x${this.selectedRate}`);
     }
     highlightCurrentRate() {
         this.allRateElements().removeClass('current');
         this.allRateElements().find('a').removeClass('gcore-skin-active');
-        const currentLevelElement = this.rateElement(this.selectedRate);
-        currentLevelElement.addClass('current');
-        currentLevelElement.find('a').addClass('gcore-skin-active');
+        this.rateElement(this.selectedRate)
+            .addClass('current')
+            .find('a')
+            .addClass('gcore-skin-active');
+    }
+    updateGearOptionLabel() {
+        trace(`${T} updateGearOptionLabel`);
+        this.addGearItem();
     }
 }

package/lib/plugins/subtitles/ClosedCaptions.js

@@ -248,7 +248,7 @@ export class ClosedCaptions extends UICorePlugin {
         this.$line = $(ClosedCaptions.templateString());
         this.resizeFont();
         this.core.activeContainer.$el.append(this.$line);
-        mediaControl.putElement('cc', this.el);
+        mediaControl.putElement('cc', this.$el);
         this.updateSelection();
         this.renderIcon();
         return this;

package/lib/testUtils.d.ts

@@ -108,4 +108,5 @@ export declare function createMockContainer(playback?: any): Events<string | sym
     trigger: <T extends string | symbol>(event: T, ...args: any[]) => boolean;
 };
 export declare function createMockMediaControl(core: any): UICorePlugin;
+export declare function createMockBottomGear(core: any): any;
 //# sourceMappingURL=testUtils.d.ts.map

package/lib/testUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../src/testUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,MAAM,MAAM,eAAe,CAAA;AAElC;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,MAAM;IAErC,SAAS,CAAC,OAAO,EAAE,GAAG;IACtB,QAAQ,CAAC,IAAI,EAAE,GAAG;IAClB,SAAS,CAAC,WAAW,CAAC,EAAE,GAAG;gBAFjB,OAAO,EAAE,GAAG,EACb,IAAI,EAAE,GAAG,EACR,WAAW,CAAC,EAAE,GAAG,YAAA;IAK7B,IAAI,IAAI,WAEP;IAED,OAAO;IAEP,IAAI;IAEJ,KAAK;IAEL,IAAI;IAEJ,OAAO;IAEP,IAAI;IAEJ,cAAc;IAEd,WAAW;IAIX,QAAQ;IAER,OAAO;IAEP,eAAe;IAIf,kBAAkB;IAIlB,cAAc;IAId,qBAAqB;IAIrB,IAAI;IAEJ,MAAM;IAEN,MAAM;IAEN,SAAS;IAET,eAAe;IAIf,WAAW;IAIX,QAAQ;IAIR,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE;CAGtC;AAED,wBAAgB,cAAc,CAC5B,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EACrC,SAAS,GAAE,GAA2B;;;;;;;;;;;;;;;;EAqBvC;AAED,wBAAgB,gBAAgB;;;EAK/B;AAED,wBAAgB,mBAAmB;;;;;;EAKlC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiC/C;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,GAAE,GAA0B;;;;;;;;;;;;;EAiBvE;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,gBAiB/C"}
+{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../src/testUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,MAAM,MAAM,eAAe,CAAA;AAElC;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,MAAM;IAErC,SAAS,CAAC,OAAO,EAAE,GAAG;IACtB,QAAQ,CAAC,IAAI,EAAE,GAAG;IAClB,SAAS,CAAC,WAAW,CAAC,EAAE,GAAG;gBAFjB,OAAO,EAAE,GAAG,EACb,IAAI,EAAE,GAAG,EACR,WAAW,CAAC,EAAE,GAAG,YAAA;IAK7B,IAAI,IAAI,WAEP;IAED,OAAO;IAEP,IAAI;IAEJ,KAAK;IAEL,IAAI;IAEJ,OAAO;IAEP,IAAI;IAEJ,cAAc;IAEd,WAAW;IAIX,QAAQ;IAER,OAAO;IAEP,eAAe;IAIf,kBAAkB;IAIlB,cAAc;IAId,qBAAqB;IAIrB,IAAI;IAEJ,MAAM;IAEN,MAAM;IAEN,SAAS;IAET,eAAe;IAIf,WAAW;IAIX,QAAQ;IAIR,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE;CAGtC;AAED,wBAAgB,cAAc,CAC5B,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EACrC,SAAS,GAAE,GAA2B;;;;;;;;;;;;;;;;EAqBvC;AAED,wBAAgB,gBAAgB;;;EAK/B;AAED,wBAAgB,mBAAmB;;;;;;EAKlC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiC/C;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,GAAE,GAA0B;;;;;;;;;;;;;EAiBvE;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,gBAiB/C;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,GAAG,OAY7C"}

package/lib/testUtils.js

@@ -161,3 +161,16 @@ export function createMockMediaControl(core) {
     mediaControl.toggleElement = vi.fn();
     return mediaControl;
 }
+export function createMockBottomGear(core) {
+    const plugin = new UICorePlugin(core);
+    plugin.getItem = vi.fn();
+    plugin.addItem = vi.fn().mockImplementation((name, $el) => {
+        const existing = plugin.$el.find(`[data-${name}]`);
+        if (existing.length) {
+            return existing;
+        }
+        return $('<li></li>').attr(`data-${name}`, '').append($el).appendTo(plugin.$el);
+    });
+    plugin.refresh = vi.fn();
+    return plugin;
+}

package/package.json

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

package/src/playback/dash-playback/DashPlayback.ts

@@ -662,7 +662,6 @@ export default class DashPlayback extends BasePlayback {
   get audioTracks(): AudioTrack[] {
     assert.ok(this._dash, 'DASH.js MediaPlayer is not initialized')
     const tracks = this._dash.getTracksFor('audio')
-    trace(`${T} get audioTracks`, { tracks })
     return tracks.map(toClapprTrack)
   }