@gcorevideo/player 2.23.3 → 2.24.0

package/dist/index.js

@@ -43303,7 +43303,7 @@ class Player {
     }
 }
 
-var version$1 = "2.23.3";
+var version$1 = "2.24.0";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -44966,7 +44966,7 @@ class BigMuteButton extends UICorePlugin {
      */
     get events() {
         return {
-            'click .big-mute-icon': 'handleBigMuteBtnClick',
+            'click .big-mute-icon': 'clicked',
             'click .big-mute-icon-wrapper': 'destroyBigMuteBtn',
         };
     }
@@ -44980,6 +44980,7 @@ class BigMuteButton extends UICorePlugin {
         trace(`${T$h} bindEvents`, {
             mediacontrol: !!this.core.mediaControl,
         });
+        // TOOD use core.getPlugin('media_control')
         this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.mediaControlRendered);
     }
     onCoreReady() {
@@ -45073,7 +45074,7 @@ class BigMuteButton extends UICorePlugin {
         }
         this.destroy();
     }
-    handleBigMuteBtnClick(e) {
+    clicked(e) {
         const localVolume = Utils.Config.restore('volume');
         const volume = !isNaN(localVolume) ? localVolume : 100;
         // TODO use container.setVolume() instead
@@ -45699,6 +45700,132 @@ class ClapprStats extends ContainerPlugin {
     }
 }
 
+function generateSessionId() {
+    return window.crypto.randomUUID();
+}
+function generateContentId(sourceUrl) {
+    return window.crypto.subtle.digest('SHA-1', new TextEncoder().encode(sourceUrl))
+        .then(buffer => {
+        const hex = Array.from(new Uint8Array(buffer))
+            .map(b => b.toString(16).padStart(2, '0'))
+            .join('');
+        return hex;
+    });
+}
+
+const CMCD_KEYS = [
+    'br',
+    'd',
+    'ot',
+    'tb',
+    'bl',
+    'dl',
+    'mtp',
+    'nor',
+    'nrr',
+    'su',
+    'bs',
+    'rtp',
+    'cid',
+    'pr',
+    'sf',
+    'sid',
+    'st',
+    'v',
+];
+/**
+ * A `PLUGIN` that configures CMCD for playback
+ * @beta
+ * @remarks
+ * Configuration options
+ *   `cmcd`: {@link CmcdConfigPluginSettings}
+ */
+class CmcdConfig extends CorePlugin {
+    sid;
+    cid = '';
+    /**
+     * @inheritdocs
+     */
+    get name() {
+        return 'cmcd';
+    }
+    constructor(core) {
+        super(core);
+        this.sid = this.options.cmcd?.sessionId ?? generateSessionId();
+    }
+    /**
+     * @inheritdocs
+     */
+    bindEvents() {
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, () => this.updateSettings());
+    }
+    async getIds() {
+        return {
+            sid: this.sid,
+            cid: await this.ensureContentId(),
+        };
+    }
+    updateSettings() {
+        switch (this.core.activeContainer.playback.name) {
+            case 'dash':
+                this.updateDashjsSettings();
+                break;
+            case 'hls':
+                this.updateHlsjsSettings();
+                break;
+        }
+    }
+    async updateDashjsSettings() {
+        const { cid, sid } = await this.getIds();
+        const options = this.core.activePlayback.options;
+        this.core.activePlayback.options = {
+            ...options,
+            dash: {
+                ...(options.dash ?? {}),
+                cmcd: {
+                    enabled: true,
+                    enabledKeys: CMCD_KEYS,
+                    sid,
+                    cid,
+                },
+            },
+        };
+    }
+    async updateHlsjsSettings() {
+        const { cid, sid } = await this.getIds();
+        const options = this.core.activePlayback.options;
+        this.core.activePlayback.options = {
+            ...options,
+            playback: {
+                hlsjsConfig: {
+                    ...(options.playback?.hlsjsConfig ?? {}),
+                    cmcd: {
+                        includeKeys: CMCD_KEYS,
+                        sessionId: sid,
+                        contentId: cid,
+                    },
+                },
+            },
+        };
+    }
+    async ensureContentId() {
+        if (!this.cid) {
+            this.cid = await this.evalContentId();
+        }
+        return this.cid;
+    }
+    async evalContentId() {
+        if (!this.core.activeContainer.options.cmcd?.contentId) {
+            return generateContentId(this.core.activePlayback.options.src);
+        }
+        const contentId = this.core.activeContainer.options.cmcd.contentId;
+        if (typeof contentId === 'string') {
+            return contentId;
+        }
+        return Promise.resolve(contentId(this.core.activePlayback.options.src));
+    }
+}
+
 var mousetrap = {exports: {}};
 
 /*global define:false */
@@ -52472,4 +52599,4 @@ class VolumeFade extends UICorePlugin {
     }
 }
 
-export { AudioTracks as AudioSelector, AudioTracks, BigMuteButton, BottomGear, NerdStats as ClapprNerdStats, ClapprStats, ClapprStatsChronograph, ClapprStatsCounter, ClapprStatsEvents, ClickToPause, Clips, ClosedCaptions, ContextMenu, DvrControls, ErrorScreen, ExtendedEvents, Favicon, GearEvents, GoogleAnalytics, QualityLevels as LevelSelector, LogTracer, Logger, Logo, MediaControl, MultiCamera, NerdStats, PictureInPicture, PlaybackErrorCode, PlaybackRate, Player, PlayerEvent, Poster, QualityLevels, 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, NerdStats as ClapprNerdStats, ClapprStats, ClapprStatsChronograph, ClapprStatsCounter, ClapprStatsEvents, ClickToPause, Clips, ClosedCaptions, CmcdConfig, ContextMenu, DvrControls, ErrorScreen, ExtendedEvents, Favicon, GearEvents, GoogleAnalytics, QualityLevels as LevelSelector, LogTracer, Logger, Logo, MediaControl, MultiCamera, NerdStats, PictureInPicture, PlaybackErrorCode, PlaybackRate, Player, PlayerEvent, Poster, QualityLevels, SeekTime, SentryTracer, Share, SkipTime, SourceController, SpinnerThreeBounce as Spinner, SpinnerEvents, SpinnerThreeBounce, ClosedCaptions as Subtitles, Telemetry, TelemetryEvent, Thumbnails, VolumeFade, VolumeFadeEvents, reportError, setTracer, trace, version };

package/dist/player.d.ts

@@ -228,6 +228,8 @@ export declare class BigMuteButton extends UICorePlugin {
  */
 export declare class BottomGear extends UICorePlugin {
     private hd;
+    private numItems;
+    private collapsed;
     /**
      * @internal
      */
@@ -282,7 +284,6 @@ export declare class BottomGear extends UICorePlugin {
      * ```
      */
     addItem(name: string, $subMenu?: ZeptoResult): ZeptoResult;
-    private onActiveContainerChanged;
     private bindContainerEvents;
     private highDefinitionUpdate;
     /**
@@ -295,10 +296,12 @@ export declare class BottomGear extends UICorePlugin {
      * Should be called by the UI plugin that added a gear item with a submenu when the latter is closed (e.g., when a "back" button is clicked).
      */
     refresh(): void;
-    private toggleGearMenu;
-    private hide;
+    private collapseSubmenus;
+    private toggleMenu;
+    private collapse;
     private onCoreReady;
     private onMediaControlRendered;
+    private mount;
 }
 
 /**

package/lib/index.plugins.d.ts

@@ -4,6 +4,7 @@ export { AudioTracks as AudioSelector } from "./plugins/audio-selector/AudioTrac
 export * from "./plugins/big-mute-button/BigMuteButton.js";
 export * from "./plugins/bottom-gear/BottomGear.js";
 export * from "./plugins/clappr-stats/ClapprStats.js";
+export * from "./plugins/cmcd-config/CmcdConfig.js";
 export * from "./plugins/clappr-nerd-stats/NerdStats.js";
 export { NerdStats as ClapprNerdStats } from "./plugins/clappr-nerd-stats/NerdStats.js";
 export * from "./plugins/click-to-pause/ClickToPause.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.plugins.d.ts","sourceRoot":"","sources":["../src/index.plugins.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAEnC,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,WAAW,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACvF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,0CAA0C,CAAC;AACxF,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kDAAkD,CAAC;AACjE,cAAc,yCAAyC,CAAC;AACxD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,aAAa,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC3F,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,sDAAsD,CAAC;AACrE,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,sDAAsD,CAAC;AACrG,cAAc,iDAAiD,CAAC;AAChE,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACpF,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.plugins.d.ts","sourceRoot":"","sources":["../src/index.plugins.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAEnC,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,WAAW,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACvF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0CAA0C,CAAC;AACzD,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,0CAA0C,CAAC;AACxF,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kDAAkD,CAAC;AACjE,cAAc,yCAAyC,CAAC;AACxD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,aAAa,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC3F,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,sDAAsD,CAAC;AACrE,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,sDAAsD,CAAC;AACrG,cAAc,iDAAiD,CAAC;AAChE,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACpF,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC"}

package/lib/index.plugins.js

@@ -4,6 +4,7 @@ export { AudioTracks as AudioSelector } from "./plugins/audio-selector/AudioTrac
 export * from "./plugins/big-mute-button/BigMuteButton.js";
 export * from "./plugins/bottom-gear/BottomGear.js";
 export * from "./plugins/clappr-stats/ClapprStats.js";
+export * from "./plugins/cmcd-config/CmcdConfig.js";
 export * from "./plugins/clappr-nerd-stats/NerdStats.js";
 export { NerdStats as ClapprNerdStats } from "./plugins/clappr-nerd-stats/NerdStats.js";
 export * from "./plugins/click-to-pause/ClickToPause.js";

package/lib/plugins/big-mute-button/BigMuteButton.d.ts

@@ -47,6 +47,6 @@ export declare class BigMuteButton extends UICorePlugin {
     private hideBigMuteBtn;
     private showBigMuteBtn;
     private destroyBigMuteBtn;
-    private handleBigMuteBtnClick;
+    private clicked;
 }
 //# sourceMappingURL=BigMuteButton.d.ts.map

package/lib/plugins/big-mute-button/BigMuteButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BigMuteButton.d.ts","sourceRoot":"","sources":["../../../src/plugins/big-mute-button/BigMuteButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAS,MAAM,cAAc,CAAA;AAQpE,OAAO,sDAAsD,CAAA;AAM7D;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAC7C,OAAO,CAAC,qBAAqB,CAAQ;IAErC,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,oBAAoB,CAA2B;IAEvD,OAAO,CAAC,cAAc,CAA2B;IAEjD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IAcnB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,YAAY;IAmBpB;;OAEG;IACM,MAAM;IAuBf,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,qBAAqB;CAS9B"}
+{"version":3,"file":"BigMuteButton.d.ts","sourceRoot":"","sources":["../../../src/plugins/big-mute-button/BigMuteButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAS,MAAM,cAAc,CAAA;AAQpE,OAAO,sDAAsD,CAAA;AAM7D;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAC7C,OAAO,CAAC,qBAAqB,CAAQ;IAErC,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,oBAAoB,CAA2B;IAEvD,OAAO,CAAC,cAAc,CAA2B;IAEjD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IAenB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,YAAY;IAmBpB;;OAEG;IACM,MAAM;IAuBf,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,OAAO;CAShB"}

package/lib/plugins/big-mute-button/BigMuteButton.js

@@ -34,7 +34,7 @@ export class BigMuteButton extends UICorePlugin {
      */
     get events() {
         return {
-            'click .big-mute-icon': 'handleBigMuteBtnClick',
+            'click .big-mute-icon': 'clicked',
             'click .big-mute-icon-wrapper': 'destroyBigMuteBtn',
         };
     }
@@ -48,6 +48,7 @@ export class BigMuteButton extends UICorePlugin {
         trace(`${T} bindEvents`, {
             mediacontrol: !!this.core.mediaControl,
         });
+        // TOOD use core.getPlugin('media_control')
         this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_RENDERED, this.mediaControlRendered);
     }
     onCoreReady() {
@@ -141,7 +142,7 @@ export class BigMuteButton extends UICorePlugin {
         }
         this.destroy();
     }
-    handleBigMuteBtnClick(e) {
+    clicked(e) {
         const localVolume = Utils.Config.restore('volume');
         const volume = !isNaN(localVolume) ? localVolume : 100;
         // TODO use container.setVolume() instead

package/lib/plugins/cmcd-config/CmcdConfig.d.ts

@@ -0,0 +1,45 @@
+import { Core, CorePlugin } from '@clappr/core';
+/**
+ * @beta
+ */
+export type CmcdConfigPluginSettings = {
+    /**
+     * Session ID. If ommitted, a random UUID will be generated
+     */
+    sessionId: string;
+    /**
+     * Content ID, either constant or derived from current source.
+     * If ommitted, a SHA-1 hash of current source URL will be used
+     */
+    contentId?: string | ((sourceUrl: string, mimeType?: string) => (string | Promise<string>));
+};
+/**
+ * A `PLUGIN` that configures CMCD for playback
+ * @beta
+ * @remarks
+ * Configuration options
+ *   `cmcd`: {@link CmcdConfigPluginSettings}
+ */
+export declare class CmcdConfig extends CorePlugin {
+    private sid;
+    private cid;
+    /**
+     * @inheritdocs
+     */
+    get name(): string;
+    constructor(core: Core);
+    /**
+     * @inheritdocs
+     */
+    bindEvents(): void;
+    getIds(): Promise<{
+        sid: string;
+        cid: string;
+    }>;
+    private updateSettings;
+    private updateDashjsSettings;
+    private updateHlsjsSettings;
+    private ensureContentId;
+    private evalContentId;
+}
+//# sourceMappingURL=CmcdConfig.d.ts.map

package/lib/plugins/cmcd-config/CmcdConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmcdConfig.d.ts","sourceRoot":"","sources":["../../../src/plugins/cmcd-config/CmcdConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EAEX,MAAM,cAAc,CAAA;AAyBrB;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;CAC5F,CAAA;AAED;;;;;;GAMG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,OAAO,CAAC,GAAG,CAAQ;IAEnB,OAAO,CAAC,GAAG,CAAK;IAEhB;;OAEG;IACH,IAAI,IAAI,WAEP;gBAEW,IAAI,EAAE,IAAI;IAKtB;;OAEG;IACM,UAAU;IAMb,MAAM,IAAI,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAOrD,OAAO,CAAC,cAAc;YAWR,oBAAoB;YAiBpB,mBAAmB;YAkBnB,eAAe;YAOf,aAAa;CAU5B"}

package/lib/plugins/cmcd-config/CmcdConfig.js

@@ -0,0 +1,114 @@
+import { CorePlugin, Events, } from '@clappr/core';
+import { generateContentId, generateSessionId } from './utils';
+const CMCD_KEYS = [
+    'br',
+    'd',
+    'ot',
+    'tb',
+    'bl',
+    'dl',
+    'mtp',
+    'nor',
+    'nrr',
+    'su',
+    'bs',
+    'rtp',
+    'cid',
+    'pr',
+    'sf',
+    'sid',
+    'st',
+    'v',
+];
+/**
+ * A `PLUGIN` that configures CMCD for playback
+ * @beta
+ * @remarks
+ * Configuration options
+ *   `cmcd`: {@link CmcdConfigPluginSettings}
+ */
+export class CmcdConfig extends CorePlugin {
+    sid;
+    cid = '';
+    /**
+     * @inheritdocs
+     */
+    get name() {
+        return 'cmcd';
+    }
+    constructor(core) {
+        super(core);
+        this.sid = this.options.cmcd?.sessionId ?? generateSessionId();
+    }
+    /**
+     * @inheritdocs
+     */
+    bindEvents() {
+        this.listenTo(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, () => this.updateSettings());
+    }
+    async getIds() {
+        return {
+            sid: this.sid,
+            cid: await this.ensureContentId(),
+        };
+    }
+    updateSettings() {
+        switch (this.core.activeContainer.playback.name) {
+            case 'dash':
+                this.updateDashjsSettings();
+                break;
+            case 'hls':
+                this.updateHlsjsSettings();
+                break;
+        }
+    }
+    async updateDashjsSettings() {
+        const { cid, sid } = await this.getIds();
+        const options = this.core.activePlayback.options;
+        this.core.activePlayback.options = {
+            ...options,
+            dash: {
+                ...(options.dash ?? {}),
+                cmcd: {
+                    enabled: true,
+                    enabledKeys: CMCD_KEYS,
+                    sid,
+                    cid,
+                },
+            },
+        };
+    }
+    async updateHlsjsSettings() {
+        const { cid, sid } = await this.getIds();
+        const options = this.core.activePlayback.options;
+        this.core.activePlayback.options = {
+            ...options,
+            playback: {
+                hlsjsConfig: {
+                    ...(options.playback?.hlsjsConfig ?? {}),
+                    cmcd: {
+                        includeKeys: CMCD_KEYS,
+                        sessionId: sid,
+                        contentId: cid,
+                    },
+                },
+            },
+        };
+    }
+    async ensureContentId() {
+        if (!this.cid) {
+            this.cid = await this.evalContentId();
+        }
+        return this.cid;
+    }
+    async evalContentId() {
+        if (!this.core.activeContainer.options.cmcd?.contentId) {
+            return generateContentId(this.core.activePlayback.options.src);
+        }
+        const contentId = this.core.activeContainer.options.cmcd.contentId;
+        if (typeof contentId === 'string') {
+            return contentId;
+        }
+        return Promise.resolve(contentId(this.core.activePlayback.options.src));
+    }
+}

package/lib/plugins/cmcd-config/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function generateSessionId(): string;
+export declare function generateContentId(sourceUrl: string): Promise<string>;
+//# sourceMappingURL=utils.d.ts.map

package/lib/plugins/cmcd-config/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/plugins/cmcd-config/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAQpE"}

package/lib/plugins/cmcd-config/utils.js

@@ -0,0 +1,12 @@
+export function generateSessionId() {
+    return window.crypto.randomUUID();
+}
+export function generateContentId(sourceUrl) {
+    return window.crypto.subtle.digest('SHA-1', new TextEncoder().encode(sourceUrl))
+        .then(buffer => {
+        const hex = Array.from(new Uint8Array(buffer))
+            .map(b => b.toString(16).padStart(2, '0'))
+            .join('');
+        return hex;
+    });
+}

package/lib/testUtils.d.ts

@@ -28,7 +28,7 @@ export declare function createSpinnerPlugin(): Events<string | symbol, any> & {
     show: import("vitest").Mock<(...args: any[]) => any>;
     hide: import("vitest").Mock<(...args: any[]) => any>;
 };
-export declare function createMockPlayback(name?: string): Events<string | symbol, any> & {
+export declare function createMockPlayback(name?: string, options?: Record<string, unknown>): Events<string | symbol, any> & {
     name: string;
     currentLevel: number;
     el: HTMLVideoElement;
@@ -36,6 +36,9 @@ export declare function createMockPlayback(name?: string): Events<string | symbo
     dvrInUse: boolean;
     isAudioOnly: boolean;
     levels: never[];
+    options: {
+        [x: string]: unknown;
+    };
     consent: import("vitest").Mock<(...args: any[]) => any>;
     play: import("vitest").Mock<(...args: any[]) => any>;
     pause: import("vitest").Mock<(...args: any[]) => any>;

package/lib/testUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../src/testUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAK,YAAY,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,MAAM,MAAM,eAAe,CAAA;AAGlC,wBAAgB,cAAc,CAC5B,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EACrC,SAAS,GAAE,GAAkC;;;;;;;;;;;;;;;;EAqB9C;AAED,wBAAgB,gBAAgB;;;EAK/B;AAED,wBAAgB,mBAAmB;;;;;;EAKlC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmC/C;AAED,wBAAgB,mBAAmB,CACjC,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EACrC,QAAQ,GAAE,GAA0B;;;;;;;;;;;;;;;;;;;;;;;;EA6BrC;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,gBAiB/C;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,GAAG,OAe7C"}
+{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../src/testUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAK,YAAY,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,MAAM,MAAM,eAAe,CAAA;AAGlC,wBAAgB,cAAc,CAC5B,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EACrC,SAAS,GAAE,GAAkC;;;;;;;;;;;;;;;;EAqB9C;AAED,wBAAgB,gBAAgB;;;EAK/B;AAED,wBAAgB,mBAAmB;;;;;;EAKlC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,SAAS,EAAE,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCtF;AAED,wBAAgB,mBAAmB,CACjC,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EACrC,QAAQ,GAAE,GAAgD;;;;;;;;;;;;;;;;;;;;;;;;EA6B3D;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,gBAiB/C;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,GAAG,OAe7C"}

package/lib/testUtils.js

@@ -34,7 +34,7 @@ export function createSpinnerPlugin() {
         hide: vi.fn(),
     });
 }
-export function createMockPlayback(name = 'mock') {
+export function createMockPlayback(name = 'mock', options = {}) {
     const emitter = new Events();
     return Object.assign(emitter, {
         name,
@@ -44,6 +44,7 @@ export function createMockPlayback(name = 'mock') {
         dvrInUse: false,
         isAudioOnly: false,
         levels: [],
+        options: { ...options },
         consent: vi.fn(),
         play: vi.fn(),
         pause: vi.fn(),
@@ -70,7 +71,7 @@ export function createMockPlayback(name = 'mock') {
         trigger: emitter.emit,
     });
 }
-export function createMockContainer(options = {}, playback = createMockPlayback()) {
+export function createMockContainer(options = {}, playback = createMockPlayback('html5_video', options)) {
     const el = playback.el;
     const emitter = new Events();
     return Object.assign(emitter, {

package/package.json

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

package/src/index.plugins.ts

@@ -5,6 +5,7 @@ export { AudioTracks as AudioSelector } from "./plugins/audio-selector/AudioTrac
 export * from "./plugins/big-mute-button/BigMuteButton.js";
 export * from "./plugins/bottom-gear/BottomGear.js";
 export * from "./plugins/clappr-stats/ClapprStats.js";
+export * from "./plugins/cmcd-config/CmcdConfig.js";
 export * from "./plugins/clappr-nerd-stats/NerdStats.js";
 export { NerdStats as ClapprNerdStats } from "./plugins/clappr-nerd-stats/NerdStats.js";
 export * from "./plugins/click-to-pause/ClickToPause.js";

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

@@ -47,7 +47,7 @@ export class BigMuteButton extends UICorePlugin {
    */
   override get events() {
     return {
-      'click .big-mute-icon': 'handleBigMuteBtnClick',
+      'click .big-mute-icon': 'clicked',
       'click .big-mute-icon-wrapper': 'destroyBigMuteBtn',
     }
   }
@@ -62,6 +62,7 @@ export class BigMuteButton extends UICorePlugin {
     trace(`${T} bindEvents`, {
       mediacontrol: !!this.core.mediaControl,
     })
+    // TOOD use core.getPlugin('media_control')
     this.listenTo(
       this.core.mediaControl,
       Events.MEDIACONTROL_RENDERED,
@@ -199,7 +200,7 @@ export class BigMuteButton extends UICorePlugin {
     this.destroy()
   }
 
-  private handleBigMuteBtnClick(e: MouseEvent) {
+  private clicked(e: MouseEvent) {
     const localVolume = Utils.Config.restore('volume')
     const volume = !isNaN(localVolume) ? localVolume : 100