@gcorevideo/player 2.19.12 → 2.19.14

package/lib/plugins/poster/Poster.js

@@ -3,45 +3,78 @@
 // license that can be found in the LICENSE file.
 import { Events, Playback, PlayerError, UIContainerPlugin, template, $, } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import '../../../assets/poster/poster.scss';
 import posterHTML from '../../../assets/poster/poster.ejs';
 import playIcon from '../../../assets/icons/new/play.svg';
 const T = 'plugins.poster_custom';
+/**
+ * Displays a poster image in the background and a big play button on top when playback is stopped
+ * @beta
+ * @remarks
+ * When the playback is stopped, media control UI is disabled.
+ *
+ * Configuration options:
+ *
+ * - `poster.custom` - custom CSS background
+ *
+ * - `poster.showForNoOp` - whether to show the poster when the playback is not started
+ *
+ * - `poster.url` - the URL of the poster image
+ *
+ * - `poster.showOnVideoEnd` - whether to show the poster when the playback is ended
+ *
+ * @example
+ * ```ts
+ * new Player({
+ *  ...
+ *  poster: {
+ *    showForNoOp: true,
+ *    url: 'https://via.placeholder.com/150.png',
+ *  }
+ * })
+ * ```
+ */
 export class Poster extends UIContainerPlugin {
     hasFatalError = false;
     hasStartedPlaying = false;
     playRequested = false;
     $playButton = null;
     $playWrapper = null;
+    /**
+     * @internal
+     */
     get name() {
         return 'poster_custom';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
-    get template() {
-        return template(posterHTML);
-    }
+    static template = template(posterHTML);
     get shouldRender() {
         if (!this.enabled) {
             return false;
         }
-        // const showOnError = this.options.poster?.showOnError !== false
-        trace(`${T} shouldRender`, {
-            hasFatalError: this.hasFatalError,
-        });
         const showForNoOp = !!this.options.poster?.showForNoOp;
         return (this.container.playback.name !== 'html_img' &&
             (this.container.playback.getPlaybackType() !== Playback.NO_OP ||
                 showForNoOp));
     }
+    /**
+     * @internal
+     */
     get attributes() {
         return {
             class: 'player-poster',
             'data-poster': '',
         };
     }
+    /**
+     * @internal
+     */
     get events() {
         return {
             click: 'clicked',
@@ -50,6 +83,9 @@ export class Poster extends UIContainerPlugin {
     get showOnVideoEnd() {
         return this.options.poster?.showOnVideoEnd !== false;
     }
+    /**
+     * @internal
+     */
     bindEvents() {
         this.listenTo(this.container, Events.CONTAINER_STOP, this.onStop);
         this.listenTo(this.container, Events.CONTAINER_PLAY, this.onPlay);
@@ -62,11 +98,17 @@ export class Poster extends UIContainerPlugin {
         this.listenTo(this.container, Events.CONTAINER_READY, this.render);
         this.listenTo(this.container, Events.PLAYBACK_PLAY_INTENT, this.onPlayIntent);
     }
+    /**
+     * Reenables earlier disabled plugin
+     */
     enable() {
         super.enable();
         this.hasStartedPlaying = this.container.playback.isPlaying();
         this.update();
     }
+    /**
+     * Disables the plugin, unmounting it from the DOM
+     */
     disable() {
         trace(`${T} disable`);
         this.hasStartedPlaying = false;
@@ -197,11 +239,14 @@ export class Poster extends UIContainerPlugin {
             this.$el.hide();
         }
     }
+    /**
+     * @internal
+     */
     render() {
         if (!this.shouldRender) {
             return this;
         }
-        this.$el.html(this.template());
+        this.$el.html(Poster.template());
         const isRegularPoster = this.options.poster && this.options.poster.custom === undefined;
         if (isRegularPoster) {
             const posterUrl = this.options.poster.url || this.options.poster;
@@ -225,6 +270,9 @@ export class Poster extends UIContainerPlugin {
         this.update();
         return this;
     }
+    /**
+     * @internal
+     */
     destroy() {
         this.container.$el.removeClass('container-with-poster-clickable');
         return this;

package/lib/plugins/seek-time/SeekTime.js

@@ -2,13 +2,13 @@
 // Use of this source code is governed by a BSD-style
 // license that can be found in the LICENSE file.
 import { Events, Playback, UICorePlugin, Utils, template } from '@clappr/core';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import seekTimeHTML from '../../../assets/seek-time/seek-time.html';
 import '../../../assets/seek-time/seek-time.scss';
 const { formatTime } = Utils;
 export class SeekTime extends UICorePlugin {
     get name() {
-        return 'seek_time';
+        return 'media_control_seek_time';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };

package/lib/plugins/share/Share.js

@@ -1,5 +1,5 @@
 import { Events, UICorePlugin, template } from '@clappr/core';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import pluginHtml from '../../../assets/share/share.ejs';
 import '../../../assets/share/style.scss';
 import shareIcon from '../../../assets/icons/old/share.svg';
@@ -10,7 +10,7 @@ export class Share extends UICorePlugin {
     hide = false;
     container = null;
     get name() {
-        return 'share';
+        return 'media_control_share';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };

package/lib/plugins/skip-time/SkipTime.js

@@ -1,5 +1,5 @@
 import { UICorePlugin as UICorePluginOriginal, Browser, Playback, Events, template } from '@clappr/core';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import pluginHtml from '../../../assets/skip-time/skip-time.ejs';
 import '../../../assets/skip-time/style.scss';
 export class SkipTime extends UICorePluginOriginal {

package/lib/plugins/source-controller/SourceController.js

@@ -1,7 +1,7 @@
 import { Events as ClapprEvents, CorePlugin, } from '@clappr/core';
 import { PlaybackErrorCode, } from '../../playback.types.js';
 import { trace } from '@gcorevideo/utils';
-import { CLAPPR_VERSION } from '../build';
+import { CLAPPR_VERSION } from '../../build.js';
 const T = 'plugins.source_controller';
 const INITIAL_RETRY_DELAY = 1000;
 const MAX_RETRY_DELAY = 5000;

package/lib/plugins/spinner-three-bounce/SpinnerThreeBounce.js

@@ -6,7 +6,7 @@ import { PlaybackErrorCode } from '../../playback.types.js';
 import { trace } from '@gcorevideo/utils';
 import spinnerHTML from '../../../assets/spinner-three-bounce/spinner.ejs';
 import '../../../assets/spinner-three-bounce/spinner.scss';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 const T = 'plugins.spinner';
 export class SpinnerThreeBounce extends UIContainerPlugin {
     get name() {

package/lib/plugins/statistics/Statistics.js

@@ -2,7 +2,7 @@
 import { ContainerPlugin, Events, Playback } from '@clappr/core';
 import { reportError } from '@gcorevideo/utils';
 import assert from 'assert';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 const CUSTOM_EVENTS_CONTAINER_START = 'container:start';
 const WATCH_CUTOFF = 5;
 const HEATMAP_INTERVAL = 10;

package/lib/plugins/subtitles/Subtitles.js

@@ -1,7 +1,7 @@
 import { Events, UICorePlugin, Browser, template, $, } from '@clappr/core';
 import { reportError } from '@gcorevideo/utils';
 import assert from 'assert';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import '../../../assets/subtitles/style.scss';
 import subtitlesOffIcon from '../../../assets/icons/new/subtitles-off.svg';
 import subtitlesOnIcon from '../../../assets/icons/new/subtitles-on.svg';
@@ -10,7 +10,7 @@ import stringHTML from '../../../assets/subtitles/string.ejs';
 import { isFullscreen } from '../utils.js';
 const VERSION = '0.0.1';
 const LOCAL_STORAGE_SUBTITLES_ID = 'subtitles_select';
-const T = 'plugins.subtitles';
+const T = 'plugins.media_control_subtitles';
 const NO_TRACK = { language: 'off' };
 export class Subtitles extends UICorePlugin {
     currentContainer;
@@ -20,7 +20,7 @@ export class Subtitles extends UICorePlugin {
     tracks;
     $string;
     get name() {
-        return 'subtitles';
+        return 'media_control_subtitles';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };

package/lib/plugins/thumbnails/Thumbnails.js

@@ -1,11 +1,11 @@
 import { UICorePlugin, Events, template, $ } from '@clappr/core';
 import { reportError, trace } from '@gcorevideo/utils';
 import parseSRT from 'parse-srt';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import pluginHtml from '../../../assets/thumbnails/scrub-thumbnails.ejs';
 import '../../../assets/thumbnails/style.scss';
 import { getPageX } from '../utils.js';
-const T = 'plugins.thumbnails';
+const T = 'plugins.media_control_thumbnails';
 export class Thumbnails extends UICorePlugin {
     _$spotlight = null;
     _$backdrop = null;
@@ -21,7 +21,7 @@ export class Thumbnails extends UICorePlugin {
     _oldContainer = null;
     _thumbs = [];
     get name() {
-        return 'thumbnails';
+        return 'media_control_thumbnails';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };

package/lib/plugins/types.d.ts

@@ -1,8 +1,2 @@
-import { $ } from "@clappr/core";
-export type ZeptoResult = ReturnType<typeof $>;
-export type TimePosition = {
-    current: number;
-    total: number;
-};
-export type TimerId = ReturnType<typeof setTimeout>;
+export type TemplateFunction = (data: Record<string, unknown>) => string;
 //# sourceMappingURL=types.d.ts.map

package/lib/plugins/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/plugins/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/plugins/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAA"}

package/lib/plugins/vast-ads/VastAds.d.ts

@@ -68,5 +68,6 @@ export declare class VastAds extends UICorePlugin {
     private destroyRoll;
     private _playVideoContent;
     render(): this;
+    private setMuted;
 }
 //# sourceMappingURL=VastAds.d.ts.map

package/lib/plugins/vast-ads/VastAds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VastAds.d.ts","sourceRoot":"","sources":["../../../src/plugins/vast-ads/VastAds.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,IAAI,EAIJ,QAAQ,EAER,YAAY,EAEb,MAAM,cAAc,CAAA;AAYrB,OAAO,qCAAqC,CAAA;AAQ5C,qBAAa,OAAQ,SAAQ,YAAY;IACvC,OAAO,CAAC,mBAAmB,CAAiC;IAE5D,OAAO,CAAC,qBAAqB,CAAwC;IAErE,OAAO,CAAC,oBAAoB,CAAwC;IAEpE,OAAO,CAAC,eAAe,CAAI;IAE3B,OAAO,CAAC,mBAAmB,CAAI;IAE/B,OAAO,CAAC,UAAU,CAAyB;IAE3C,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,eAAe,CAA2B;IAElD,OAAO,CAAC,gBAAgB,CAAI;IAE5B,OAAO,CAAC,YAAY,CAAY;IAEhC,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,cAAc,CAAQ;IAE9B,OAAO,CAAC,aAAa,CAAuB;IAE5C,OAAO,CAAC,SAAS,CAAwB;IAEzC,OAAO,CAAC,cAAc,CAAQ;IAE9B,OAAO,CAAC,mBAAmB,CAA2B;IAEtD,OAAO,CAAC,aAAa,CAAiC;IAEtD,OAAO,CAAC,gBAAgB,CAAI;IAE5B,OAAO,CAAC,IAAI,CAA2B;IAEvC,OAAO,CAAC,OAAO,CAAK;IAEpB,OAAO,CAAC,uBAAuB,CAAI;IAEnC,OAAO,CAAC,0BAA0B,CAAI;IAEtC,OAAO,CAAC,YAAY,CAAoB;IAExC,OAAO,CAAC,OAAO,CAA2B;IAE1C,OAAO,CAAC,SAAS,CAA2B;IAE5C,OAAO,CAAC,UAAU,CAA2B;IAE7C,OAAO,CAAC,aAAa,CAA2B;IAEhD,OAAO,CAAC,YAAY,CAA2B;IAE/C,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,IAAI,YAAY,QAEf;IAED,IAAa,UAAU;;;MAKtB;gBAEW,IAAI,EAAE,IAAI;IAqEb,UAAU;IA8FnB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,wBAAwB;IAWhC,OAAO,CAAC,oBAAoB;IAkE5B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,qBAAqB;IAwD7B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,uBAAuB;IAuC/B,OAAO,CAAC,aAAa;IAsBrB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,mBAAmB;IAiD3B,YAAY;IASZ,OAAO,CAAC,gBAAgB;IA0BxB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IA6BpB,IAAI,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAG3B;IAED,IAAI,QAAQ,IAAI,QAAQ,GAAG,IAAI,CAE9B;IAED,OAAO,CAAC,kBAAkB;IAU1B,gBAAgB,CAAC,CAAC,EAAE,MAAM;IAQ1B,cAAc;IAsBd,eAAe;IAkBf,WAAW;IAiBX,OAAO,CAAC,UAAU;IA+ClB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,iBAAiB;IAiHhB,MAAM;CAwBhB"}
+{"version":3,"file":"VastAds.d.ts","sourceRoot":"","sources":["../../../src/plugins/vast-ads/VastAds.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,IAAI,EAIJ,QAAQ,EAER,YAAY,EAEb,MAAM,cAAc,CAAA;AAYrB,OAAO,qCAAqC,CAAA;AAQ5C,qBAAa,OAAQ,SAAQ,YAAY;IACvC,OAAO,CAAC,mBAAmB,CAAiC;IAE5D,OAAO,CAAC,qBAAqB,CAAwC;IAErE,OAAO,CAAC,oBAAoB,CAAwC;IAEpE,OAAO,CAAC,eAAe,CAAI;IAE3B,OAAO,CAAC,mBAAmB,CAAI;IAE/B,OAAO,CAAC,UAAU,CAAyB;IAE3C,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,eAAe,CAA2B;IAElD,OAAO,CAAC,gBAAgB,CAAI;IAE5B,OAAO,CAAC,YAAY,CAAY;IAEhC,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,cAAc,CAAQ;IAE9B,OAAO,CAAC,aAAa,CAAuB;IAE5C,OAAO,CAAC,SAAS,CAAwB;IAEzC,OAAO,CAAC,cAAc,CAAQ;IAE9B,OAAO,CAAC,mBAAmB,CAA2B;IAEtD,OAAO,CAAC,aAAa,CAAiC;IAEtD,OAAO,CAAC,gBAAgB,CAAI;IAE5B,OAAO,CAAC,IAAI,CAA2B;IAEvC,OAAO,CAAC,OAAO,CAAK;IAEpB,OAAO,CAAC,uBAAuB,CAAI;IAEnC,OAAO,CAAC,0BAA0B,CAAI;IAEtC,OAAO,CAAC,YAAY,CAAoB;IAExC,OAAO,CAAC,OAAO,CAA2B;IAE1C,OAAO,CAAC,SAAS,CAA2B;IAE5C,OAAO,CAAC,UAAU,CAA2B;IAE7C,OAAO,CAAC,aAAa,CAA2B;IAEhD,OAAO,CAAC,YAAY,CAA2B;IAE/C,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,IAAI,YAAY,QAEf;IAED,IAAa,UAAU;;;MAKtB;gBAEW,IAAI,EAAE,IAAI;IAqEb,UAAU;IA8FnB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,wBAAwB;IAWhC,OAAO,CAAC,oBAAoB;IAkE5B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,qBAAqB;IAwD7B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,uBAAuB;IAuC/B,OAAO,CAAC,aAAa;IAsBrB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,mBAAmB;IAiD3B,YAAY;IASZ,OAAO,CAAC,gBAAgB;IA0BxB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IA6BpB,IAAI,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAG3B;IAED,IAAI,QAAQ,IAAI,QAAQ,GAAG,IAAI,CAE9B;IAED,OAAO,CAAC,kBAAkB;IAU1B,gBAAgB,CAAC,CAAC,EAAE,MAAM;IAQ1B,cAAc;IAsBd,eAAe;IAkBf,WAAW;IAiBX,OAAO,CAAC,UAAU;IA+ClB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,iBAAiB;IAiHhB,MAAM;IAqBf,OAAO,CAAC,QAAQ;CAGjB"}

package/lib/plugins/vast-ads/VastAds.js

@@ -1,7 +1,7 @@
 import { $, Browser, Events, HTML5Video, Log, UICorePlugin, Utils, } from '@clappr/core';
 import { reportError } from '@gcorevideo/utils';
 import assert from 'assert';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import RollManager from './rollmanager.js';
 import SCTEManager from './sctemanager.js';
 import { VolumeFadeEvents } from '../volume-fade/VolumeFade.js';
@@ -604,7 +604,7 @@ export class VastAds extends UICorePlugin {
         setTimeout(async () => {
             if (currentRoll === 'scteroll') {
                 this.options.mute = this.core.options.mute;
-                this.core.mediaControl.setMuted(this.core.options.mute);
+                this.setMuted(this.core.options.mute);
                 this.core.mediaControl.setInitialVolume();
             }
             // this.adTemplates = null;
@@ -659,7 +659,7 @@ export class VastAds extends UICorePlugin {
                 }
                 await this.playback?.play();
                 this.options.mute = this.core.options.mute;
-                this.core.mediaControl.setMuted(this.core.options.mute);
+                this.setMuted(this.core.options.mute);
                 this.core.mediaControl.setInitialVolume();
             }
         }, 0);
@@ -683,4 +683,7 @@ export class VastAds extends UICorePlugin {
         this._adContainer = this._$adContainer[0];
         return this;
     }
+    setMuted(muted) {
+        this.core.activeContainer.options.mute = muted;
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gcorevideo/player",
-  "version": "2.19.12",
+  "version": "2.19.14",
   "description": "Gcore JavaScript video player",
   "main": "dist/index.js",
   "type": "module",
@@ -36,6 +36,7 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@sinonjs/fake-timers": "^14.0.0",
+    "@types/assert": "^1.5.11",
     "@types/human-format": "^1.0.3",
     "@types/mousetrap": "^1.6.15",
     "@types/node": "^22.10.1",

package/src/Player.ts

@@ -353,6 +353,8 @@ export class Player {
 
   private initPlayer(coreOptions: CoreOptions): void {
     trace(`${T} initPlayer`, {
+      autoPlay: coreOptions.autoPlay,
+      sources: coreOptions.sources,
       // TODO selected options
     })
 
@@ -372,12 +374,7 @@ export class Player {
       null,
     )
     if (this.config.autoPlay) {
-      trace(`${T} autoPlay`)
-      setTimeout(() => {
-        this.player?.play({
-          autoPlay: true,
-        })
-      }, 0)
+      this.triggerAutoPlay()
     }
     try {
       this.emitter.emit(PlayerEvent.Ready)
@@ -386,6 +383,15 @@ export class Player {
     }
   }
 
+  private triggerAutoPlay() {
+    trace(`${T} triggerAutoPlay`)
+    setTimeout(() => {
+      this.player?.play({
+        autoPlay: true,
+      })
+    }, 0)
+  }
+
   private safeTriggerEvent<E extends PlayerEvent>(event: E, ...args: PlayerEventParams<E>) {
     try {
       this.emitter.emit(event, ...args)
@@ -456,10 +462,10 @@ export class Player {
       },
       parent: rootNode,
       width: rootNode.clientWidth,
-      source: source ? source.source : undefined,
-      mimeType: source ? source.mimeType : undefined,
     }, this.config, {
-      autoPlay: false, // TODO write a test to check it's reset to false
+      autoPlay: false,
+      mimeType: source ? source.mimeType : undefined,
+      source: source ? source.source : undefined,
       sources,
     })
     return coreOptions

package/src/__tests__/Player.test.ts

@@ -146,86 +146,25 @@ describe('Player', () => {
           expect(PlayerClappr).toHaveBeenCalledWith(
             expect.objectContaining({
               source,
+              // TODO sources
             }),
           )
         })
       },
     )
   })
+  describe('autoPlay', () => {
+    describe('initially', () => {
+      it('should reset to false', () => {
+        const player = new Player({autoPlay: true, sources: []})
+        const node = document.createElement('div')
+        player.attachTo(node)
+        expect(PlayerClappr).toHaveBeenCalledWith(
+          expect.objectContaining({
+            autoPlay: false,
+          }),
+        )
+      })
+    })
+  })
 })
-
-class MockPlayback extends EventLite {
-  constructor(
-    protected options: any,
-    readonly i18n: any,
-    protected playerError?: any,
-  ) {
-    super()
-  }
-
-  get name() {
-    return 'mock'
-  }
-
-  consent() {}
-
-  play() {}
-
-  pause() {}
-
-  stop() {}
-
-  destroy() {}
-
-  seek() {}
-
-  seekPercentage() {}
-
-  getDuration() {
-    return 100
-  }
-
-  enterPiP() {}
-
-  exitPiP() {}
-
-  getPlaybackType() {
-    return 'live'
-  }
-
-  getStartTimeOffset() {
-    return 0
-  }
-
-  getCurrentTime() {
-    return 0
-  }
-
-  isHighDefinitionInUse() {
-    return false
-  }
-
-  mute() {}
-
-  unmute() {}
-
-  volume() {}
-
-  configure() {}
-
-  attemptAutoPlay() {
-    return true
-  }
-
-  canAutoPlay() {
-    return true
-  }
-
-  onResize() {
-    return true
-  }
-
-  trigger(event: string, ...args: any[]) {
-    this.emit(event, ...args)
-  }
-}

package/src/index.ts

@@ -4,6 +4,7 @@
  * @remarks
  * This package provides a video player for the Gcore streaming platform.
  * It is built on top of the Clappr library and provides a framework for building custom integrations.
+ * Start with {@link Player} for more information.
  *
  * @packageDocumentation
  */

package/src/plugins/audio-selector/AudioSelector.ts

@@ -6,7 +6,7 @@ import {
   Events as HlsEvents,
 } from 'hls.js';
 
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 
 import pluginHtml from '../../../assets/audio-selector/track-selector.ejs';
 import '../../../assets/audio-selector/style.scss';
@@ -49,7 +49,7 @@ export class AudioSelector extends UICorePlugin {
   private tracks: AudioTrackItem[] = [];
 
   get name() {
-    return 'audio_selector';
+    return 'media_control_audio_selector';
   }
 
   get supportedVersion() {

package/src/plugins/big-mute-button/BigMuteButton.ts

@@ -1,7 +1,7 @@
 import { Events, template, UICorePlugin, Utils } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
 
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import { ZeptoResult } from "../../utils/types.js";
 
 import volumeMuteIcon from '../../../assets/icons/new/volume-off.svg';
@@ -183,6 +183,7 @@ export class BigMuteButton extends UICorePlugin {
     const localVolume = Utils.Config.restore('volume');
     const volume = !isNaN(localVolume) ? localVolume : 100;
 
+    // TODO use container.setVolume() instead
     this.core.mediaControl.setVolume(volume === 0 ? 100 : volume);
 
     this.destroyBigMuteBtn(e);