@gcorevideo/player 2.28.14 → 2.28.17

package/lib/plugins/clappr-nerd-stats/NerdStats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/NerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGZ,IAAI,EAGL,MAAM,cAAc,CAAA;AAuBrB,OAAO,0DAA0D,CAAA;AAiCjE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,SAAU,SAAQ,YAAY;IACzC,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,gBAAgB,CAIvB;IAED,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,IAAI,CAAQ;IAEpB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,YAAY,CAAc;IAElC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAuB;IAE7D;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED,OAAO,CAAC,OAAO;IAKf,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;gBAEW,IAAI,EAAE,IAAI;IAgBtB;;OAEG;IACM,UAAU;IAUnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,wBAAwB;IAiChC;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,IAAI;IAeZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IA6BvB,OAAO,CAAC,aAAa;IAkFrB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAcf,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;CAU3B"}
+{"version":3,"file":"NerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/NerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGZ,IAAI,EAGL,MAAM,cAAc,CAAA;AAuBrB,OAAO,0DAA0D,CAAA;AAkCjE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,SAAU,SAAQ,YAAY;IACzC,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,gBAAgB,CAIvB;IAED,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,IAAI,CAAQ;IAEpB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,YAAY,CAAc;IAElC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAuB;IAE7D;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED,OAAO,CAAC,OAAO;IAKf,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;gBAEW,IAAI,EAAE,IAAI;IAgBtB;;OAEG;IACM,UAAU;IAUnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,wBAAwB;IAiChC;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,MAAM,CASb;IAED,OAAO,CAAC,IAAI;IAkBZ,OAAO,CAAC,IAAI;IAOZ,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IA6BvB,OAAO,CAAC,aAAa;IAkFrB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAcf,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;CAU3B"}

package/lib/plugins/clappr-nerd-stats/NerdStats.js

@@ -14,12 +14,13 @@ import statsIcon from '../../../assets/icons/new/stats.svg';
 import { GearEvents } from '../bottom-gear/BottomGear.js';
 import { drawSummary, getPingQuality } from './utils.js';
 import { getDownloadQuality } from './utils.js';
+import { trace } from '@gcorevideo/utils';
 const PLAYBACK_NAMES = {
     dash: 'DASH.js',
     hls: 'HLS.js',
     html5_video: 'Native',
 };
-// const T = 'plugins.nerd_stats'
+const T = 'plugins.nerd_stats';
 /**
  * `PLUGIN` that displays useful statistics regarding the playback as well as the network quality estimation.
  * @public
@@ -156,6 +157,9 @@ export class NerdStats extends UICorePlugin {
         return super.destroy();
     }
     toggle = () => {
+        trace(`${T} toggle`, {
+            open: this.open,
+        });
         if (this.open) {
             this.hide();
         }
@@ -165,7 +169,7 @@ export class NerdStats extends UICorePlugin {
     };
     show() {
         this.$el.show();
-        this.statsBoxElem.scrollTop(this.statsBoxElem.scrollTop());
+        this.statsBoxElem.scrollTop(this.statsBoxElem?.scrollTop());
         this.open = true;
         initSpeedTest(this.speedtestMetrics)
             .then(() => {
@@ -173,10 +177,14 @@ export class NerdStats extends UICorePlugin {
         })
             .catch((e) => {
             reportError(e);
+            trace(`${T} speedtest error`, {
+                error: e,
+            });
             this.disable();
         });
     }
     hide() {
+        trace(`${T} hide`);
         this.$el.hide();
         this.open = false;
         stopSpeedtest();

package/lib/plugins/clappr-nerd-stats/speedtest/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/clappr-nerd-stats/speedtest/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAkC,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAqC9C,wBAAgB,oBAAoB,SAmBnC;AAID,eAAO,MAAM,aAAa,GAAI,eAAe,gBAAgB,KAAG,OAAO,CAAC,IAAI,CA+E3E,CAAC;AAEF,eAAO,MAAM,aAAa,YAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,YAI1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,YAEjC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,QAGnD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/clappr-nerd-stats/speedtest/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAkC,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAqC9C,wBAAgB,oBAAoB,SAmBnC;AAID,eAAO,MAAM,aAAa,GAAI,eAAe,gBAAgB,KAAG,OAAO,CAAC,IAAI,CAiF3E,CAAC;AAEF,eAAO,MAAM,aAAa,YAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,YAI1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,YAEjC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,QAGnD"}

package/lib/plugins/clappr-nerd-stats/speedtest/index.js

@@ -102,11 +102,13 @@ export const initSpeedTest = (customMetrics) => {
                 }
             }
         };
-        // getElementById('dlText').textContent = DEFAULT_DOWNLOAD_SPEED;
-        await fetch('https://iam.gcdn.co/info/json')
+        const myinfoUrl = 'https://gcore.com/.well-known/cdn-debug/json';
+        // await fetch('https://iam.gcdn.co/info/json')
+        await fetch(myinfoUrl)
             .then(r => r.json())
             .then(data => {
-            const country = data['Server Country code'].toLowerCase();
+            // const country = data['Server Country code'].toLowerCase();
+            const country = getCountryCodeFromClientHeaders(data.client_headers);
             const server = serversList.find(s => s.country === country) || serversList[0];
             if (!server) {
                 throw new Error('Failed to select a server');
@@ -152,3 +154,12 @@ function rankConnectionSpeed(dlSpeed) {
     }
     return 0;
 }
+function getCountryCodeFromClientHeaders(clientHeaders) {
+    if (clientHeaders && clientHeaders['country']) {
+        const m = clientHeaders['country'].match(/'code':\s*'([A-Za-z]{2})'/);
+        if (m) {
+            return m[1].toLowerCase();
+        }
+    }
+    return 'lu';
+}

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

@@ -43,7 +43,7 @@ export declare class CmcdConfig extends CorePlugin {
     /**
      * @internal
      */
-    get version(): string;
+    static get version(): string;
     /**
      * @internal
      */

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

@@ -1 +1 @@
-{"version":3,"file":"CmcdConfig.d.ts","sourceRoot":"","sources":["../../../src/plugins/cmcd-config/CmcdConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,IAAI,EAAE,UAAU,EAAU,MAAM,cAAc,CAAA;AA4BrE;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,OAAO,CAAC,GAAG,CAAQ;IAEnB,OAAO,CAAC,GAAG,CAAK;IAEhB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,OAAO,WAEV;IAED;;OAEG;IACH,IAAI,gBAAgB,WAEnB;gBAEW,IAAI,EAAE,IAAI;IAMtB;;OAEG;IACM,UAAU;IAOnB;;;;OAIG;IACH,SAAS,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;YAO3B,cAAc;IAgC5B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,YAAY;CAGrB"}
+{"version":3,"file":"CmcdConfig.d.ts","sourceRoot":"","sources":["../../../src/plugins/cmcd-config/CmcdConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,IAAI,EAAE,UAAU,EAAU,MAAM,cAAc,CAAA;AA4BrE;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,OAAO,CAAC,GAAG,CAAQ;IAEnB,OAAO,CAAC,GAAG,CAAK;IAEhB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED;;OAEG;IACH,IAAI,gBAAgB,WAEnB;gBAEW,IAAI,EAAE,IAAI;IAMtB;;OAEG;IACM,UAAU;IAOnB;;;;OAIG;IACH,SAAS,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;YAO3B,cAAc;IAgC5B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,YAAY;CAGrB"}

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

@@ -54,7 +54,7 @@ export class CmcdConfig extends CorePlugin {
     /**
      * @internal
      */
-    get version() {
+    static get version() {
         return '0.1.0';
     }
     /**

package/lib/plugins/media-control/MediaControl.d.ts

@@ -360,13 +360,11 @@ export declare class MediaControl extends UICorePlugin {
      */
     render(): this;
     private handleFullScreenOnBtn;
-    private onStartAd;
-    private onFinishAd;
-    private hideControllAds;
     private static getPageX;
     private static getPageY;
     private isSeekEnabledForHtml5Playback;
     private getElementLocation;
     private onDvrStateChanged;
+    private delayHide;
 }
 //# sourceMappingURL=MediaControl.d.ts.map

package/lib/plugins/media-control/MediaControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaControl.d.ts","sourceRoot":"","sources":["../../../src/plugins/media-control/MediaControl.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MediaControl.d.ts","sourceRoot":"","sources":["../../../src/plugins/media-control/MediaControl.ts"],"names":[],"mappings":"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"}

package/lib/plugins/media-control/MediaControl.js

@@ -31,6 +31,7 @@ const STANDARD_MEDIA_CONTROL_ELEMENTS = [
     'volume',
 ];
 const MENU_VMARGIN = 12;
+const DEFAULT_HIDE_DELAY = 2000;
 // TODO export
 const DEFAULT_SETTINGS = {
     default: ['seekbar'],
@@ -280,12 +281,12 @@ export class MediaControl extends UICorePlugin {
     bindEvents() {
         this.listenTo(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
         this.listenTo(this.core, Events.CORE_MOUSE_MOVE, this.show);
-        this.listenTo(this.core, Events.CORE_MOUSE_LEAVE, () => this.hide(this.options.hideMediaControlDelay));
+        this.listenTo(this.core, Events.CORE_MOUSE_LEAVE, this.delayHide);
         this.listenTo(this.core, Events.CORE_FULLSCREEN, this.show);
         this.listenTo(this.core, Events.CORE_OPTIONS_CHANGE, this.configure);
         this.listenTo(this.core, Events.CORE_RESIZE, this.playerResize);
-        this.listenTo(this.core, 'core:advertisement:start', this.onStartAd);
-        this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd);
+        // this.listenTo(this.core, 'core:advertisement:start', this.onStartAd)
+        // this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd)
         // const has360 = this.core?.getPlugin('video_360');
         // if (Browser.isiOS && has360) {
         //   this.container?.el.addEventListener('click', e => {
@@ -311,6 +312,10 @@ export class MediaControl extends UICorePlugin {
         this.listenTo(this.core.activeContainer, Events.CONTAINER_PAUSE, this.changeTogglePlay);
         this.listenTo(this.core.activeContainer, Events.CONTAINER_STOP, this.changeTogglePlay);
         this.listenTo(this.core.activeContainer, Events.CONTAINER_DBLCLICK, this.toggleFullscreen);
+        const clk = clickaway(() => {
+            this.resetUserKeepVisible();
+        }, this.core.activeContainer.$el[0]);
+        this.listenTo(this.core.activeContainer, Events.CONTAINER_CLICK, clk);
         this.listenTo(this.core.activeContainer, Events.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
         this.listenTo(this.core.activeContainer, Events.CONTAINER_PROGRESS, this.updateProgressBar);
         this.listenTo(this.core.activeContainer, Events.CONTAINER_SETTINGSUPDATE, this.updateSettings);
@@ -325,20 +330,27 @@ export class MediaControl extends UICorePlugin {
         this.listenTo(this.core, Events.CONTAINER_DESTROYED, () => {
             this.cancelRenderTimer();
         });
+        this.listenTo(this.core.activeContainer, Events.CONTAINER_MOUSE_ENTER, this.show);
+        this.listenTo(this.core.activeContainer, Events.CONTAINER_MOUSE_LEAVE, this.delayHide);
     }
     /**
      * Hides the media control UI
      */
     disable() {
+        trace(`${T} disable`);
         this.userDisabled = true; // TODO distinguish between user and system (e.g., unplayable) disabled?
         this.hide();
         this.unbindKeyEvents();
-        this.$el.hide(); // TODO why?
+        this.$el.hide();
     }
     /**
      * Reenables the plugin disabled earlier with the {@link MediaControl.disable} method
      */
     enable() {
+        trace(`${T} enable`, {
+            chromeless: this.options.chromeless,
+            userDisabled: this.userDisabled,
+        });
         if (this.options.chromeless) {
             return;
         }
@@ -492,6 +504,13 @@ export class MediaControl extends UICorePlugin {
         this.$el.removeClass('w370');
         this.$el.removeClass('w270');
         this.verticalVolume = false;
+        trace(`${T} playerResize`, {
+            size,
+            width: this.container.$el.width(),
+            height: this.container.$el.height(),
+            hideVolumeBar: this.options.hideVolumeBar,
+            isMobile: Browser.isMobile,
+        });
         try {
             const skinWidth = this.container.$el.width() || size.width;
             if (skinWidth <= 370 || this.options.hideVolumeBar) {
@@ -739,19 +758,30 @@ export class MediaControl extends UICorePlugin {
         this.setSeekPercentage(pos);
     }
     setUserKeepVisible() {
+        trace(`${T} setUserKeepVisible`, {
+            userKeepVisible: this.userKeepVisible,
+        });
         this.userKeepVisible = true;
     }
     resetUserKeepVisible() {
+        trace(`${T} resetUserKeepVisible`, {
+            userKeepVisible: this.userKeepVisible,
+        });
         this.userKeepVisible = false;
     }
     isVisible() {
         return !this.$el.hasClass('media-control-hide');
     }
     show(event) {
+        trace(`${T} show`, {
+            disabled: this.disabled,
+            disableControlPanel: this.options.disableControlPanel,
+            event,
+        });
         if (this.disabled || this.options.disableControlPanel) {
             return;
         }
-        const timeout = 2000;
+        const timeout = DEFAULT_HIDE_DELAY;
         const mousePointerMoved = event &&
             event.clientX !== this.lastMouseX &&
             event.clientY !== this.lastMouseY;
@@ -774,6 +804,16 @@ export class MediaControl extends UICorePlugin {
         this.updateCursorStyle(showing);
     }
     hide(delay = 0) {
+        trace(`${T} hide`, {
+            delay,
+            visible: this.isVisible(),
+            disabled: this.disabled,
+            hideMediaControl: this.options.hideMediaControl,
+            userKeepVisible: this.userKeepVisible,
+            keepVisible: this.keepVisible,
+            draggingSeekBar: this.draggingSeekBar,
+            draggingVolumeBar: this.draggingVolumeBar,
+        });
         if (!this.isVisible()) {
             return;
         }
@@ -1110,7 +1150,7 @@ export class MediaControl extends UICorePlugin {
         if (!this.hasUpdate || !this.metadataLoaded) {
             return this;
         }
-        const timeout = this.options.hideMediaControlDelay || 2000;
+        const timeout = this.options.hideMediaControlDelay || DEFAULT_HIDE_DELAY;
         this.$el.html(MediaControl.template({ settings: this.settings }));
         this.createCachedElements();
         this.drawDurationAndPosition();
@@ -1176,23 +1216,6 @@ export class MediaControl extends UICorePlugin {
         }
         this.resetUserKeepVisible();
     }
-    // TODO manage by the ads plugin
-    onStartAd() {
-        // this.advertisementPlaying = true
-        this.disable();
-    }
-    // TODO manage by the ads plugin
-    onFinishAd() {
-        // this.advertisementPlaying = false
-        this.enable();
-    }
-    // TODO remove
-    hideControllAds() {
-        if (this.container.advertisement &&
-            this.container.advertisement.type !== 'idle') {
-            this.hide();
-        }
-    }
     static getPageX(event) {
         return getPageX(event);
     }
@@ -1233,6 +1256,12 @@ export class MediaControl extends UICorePlugin {
             this.$el.removeClass('dvr');
         }
     }
+    delayHide(e) {
+        trace(`${T} delayHide`, {
+            e,
+        });
+        this.hide(this.options.hideMediaControlDelay || DEFAULT_HIDE_DELAY);
+    }
 }
 MediaControl.extend = function (properties) {
     return extend(MediaControl, properties);
@@ -1273,3 +1302,14 @@ function mergeElements(a, b) {
         return acc;
     }, a);
 }
+function clickaway(callback, element) {
+    const handler = (event) => {
+        if (!element.contains(event.target)) {
+            callback();
+            window.removeEventListener('click', handler);
+        }
+    };
+    return () => {
+        window.addEventListener('click', handler);
+    };
+}

package/package.json

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

package/src/plugins/clappr-nerd-stats/NerdStats.ts

@@ -35,6 +35,7 @@ import statsIcon from '../../../assets/icons/new/stats.svg'
 import { BottomGear, GearEvents } from '../bottom-gear/BottomGear.js'
 import { drawSummary, getPingQuality } from './utils.js'
 import { getDownloadQuality } from './utils.js'
+import { trace } from '@gcorevideo/utils'
 
 const PLAYBACK_NAMES: Record<string, string> = {
   dash: 'DASH.js',
@@ -59,7 +60,7 @@ type Metrics = PerfMetrics & {
   }
 }
 
-// const T = 'plugins.nerd_stats'
+const T = 'plugins.nerd_stats'
 
 /**
  * `PLUGIN` that displays useful statistics regarding the playback as well as the network quality estimation.
@@ -233,6 +234,9 @@ export class NerdStats extends UICorePlugin {
   }
 
   private toggle = () => {
+    trace(`${T} toggle`, {
+      open: this.open,
+    })
     if (this.open) {
       this.hide()
     } else {
@@ -242,7 +246,7 @@ export class NerdStats extends UICorePlugin {
 
   private show() {
     this.$el.show()
-    this.statsBoxElem.scrollTop(this.statsBoxElem.scrollTop())
+    this.statsBoxElem.scrollTop(this.statsBoxElem?.scrollTop())
     this.open = true
 
     initSpeedTest(this.speedtestMetrics)
@@ -251,11 +255,15 @@ export class NerdStats extends UICorePlugin {
       })
       .catch((e) => {
         reportError(e)
+        trace(`${T} speedtest error`, {
+          error: e,
+        })
         this.disable()
       })
   }
 
   private hide() {
+    trace(`${T} hide`)
     this.$el.hide()
     this.open = false
     stopSpeedtest()

package/src/plugins/clappr-nerd-stats/speedtest/index.ts

@@ -122,12 +122,14 @@ export const initSpeedTest = (customMetrics: SpeedtestMetrics): Promise<void> =>
         }
       }
     };
-    // getElementById('dlText').textContent = DEFAULT_DOWNLOAD_SPEED;
 
-    await fetch('https://iam.gcdn.co/info/json')
+    const myinfoUrl = 'https://gcore.com/.well-known/cdn-debug/json'
+    // await fetch('https://iam.gcdn.co/info/json')
+    await fetch(myinfoUrl)
       .then(r => r.json())
       .then(data => {
-        const country = data['Server Country code'].toLowerCase();
+        // const country = data['Server Country code'].toLowerCase();
+        const country = getCountryCodeFromClientHeaders(data.client_headers)
         const server = serversList.find(s => s.country === country) || serversList[0];
         if (!server) {
           throw new Error('Failed to select a server');
@@ -181,3 +183,13 @@ function rankConnectionSpeed(dlSpeed: number): ConnectionSpeed {
   }
   return 0;
 }
+
+function getCountryCodeFromClientHeaders(clientHeaders: Record<string, string>): string {
+  if (clientHeaders && clientHeaders['country']) {
+    const m = clientHeaders['country'].match(/'code':\s*'([A-Za-z]{2})'/);
+    if (m) {
+      return m[1].toLowerCase();
+    }
+  }
+  return 'lu';
+}

package/src/plugins/cmcd-config/CmcdConfig.ts

@@ -78,7 +78,7 @@ export class CmcdConfig extends CorePlugin {
   /**
    * @internal
    */
-  get version() {
+  static get version() {
     return '0.1.0'
   }
 

package/src/plugins/media-control/MediaControl.ts

@@ -51,6 +51,8 @@ const STANDARD_MEDIA_CONTROL_ELEMENTS: string[] = [
 
 const MENU_VMARGIN = 12
 
+const DEFAULT_HIDE_DELAY = 2000
+
 /**
  * Built-in media control elements.
  * @public
@@ -415,15 +417,13 @@ export class MediaControl extends UICorePlugin {
       this.onActiveContainerChanged,
     )
     this.listenTo(this.core, Events.CORE_MOUSE_MOVE, this.show)
-    this.listenTo(this.core, Events.CORE_MOUSE_LEAVE, () =>
-      this.hide(this.options.hideMediaControlDelay),
-    )
+    this.listenTo(this.core, Events.CORE_MOUSE_LEAVE, this.delayHide)
     this.listenTo(this.core, Events.CORE_FULLSCREEN, this.show)
     this.listenTo(this.core, Events.CORE_OPTIONS_CHANGE, this.configure)
     this.listenTo(this.core, Events.CORE_RESIZE, this.playerResize)
 
-    this.listenTo(this.core, 'core:advertisement:start', this.onStartAd)
-    this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd)
+    // this.listenTo(this.core, 'core:advertisement:start', this.onStartAd)
+    // this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd)
 
     // const has360 = this.core?.getPlugin('video_360');
 
@@ -468,6 +468,14 @@ export class MediaControl extends UICorePlugin {
       Events.CONTAINER_DBLCLICK,
       this.toggleFullscreen,
     )
+    const clk = clickaway(() => {
+      this.resetUserKeepVisible()
+    }, this.core.activeContainer.$el[0])
+    this.listenTo(
+      this.core.activeContainer,
+      Events.CONTAINER_CLICK,
+      clk,
+    )
     this.listenTo(
       this.core.activeContainer,
       Events.CONTAINER_TIMEUPDATE,
@@ -522,22 +530,29 @@ export class MediaControl extends UICorePlugin {
     this.listenTo(this.core, Events.CONTAINER_DESTROYED, () => {
       this.cancelRenderTimer()
     })
+    this.listenTo(this.core.activeContainer, Events.CONTAINER_MOUSE_ENTER, this.show)
+    this.listenTo(this.core.activeContainer, Events.CONTAINER_MOUSE_LEAVE, this.delayHide)
   }
 
   /**
    * Hides the media control UI
    */
   override disable() {
+    trace(`${T} disable`)
     this.userDisabled = true // TODO distinguish between user and system (e.g., unplayable) disabled?
     this.hide()
     this.unbindKeyEvents()
-    this.$el.hide() // TODO why?
+    this.$el.hide()
   }
 
   /**
    * Reenables the plugin disabled earlier with the {@link MediaControl.disable} method
    */
   override enable() {
+    trace(`${T} enable`, {
+      chromeless: this.options.chromeless,
+      userDisabled: this.userDisabled,
+    })
     if (this.options.chromeless) {
       return
     }
@@ -717,9 +732,16 @@ export class MediaControl extends UICorePlugin {
     this.$el.removeClass('w370')
     this.$el.removeClass('w270')
     this.verticalVolume = false
+    trace(`${T} playerResize`, {
+      size,
+      width: this.container.$el.width(),
+      height: this.container.$el.height(),
+      hideVolumeBar: this.options.hideVolumeBar,
+      isMobile: Browser.isMobile,
+    })
+
     try {
       const skinWidth = this.container.$el.width() || size.width
-
       if (skinWidth <= 370 || this.options.hideVolumeBar) {
         this.$el.addClass('w370')
       }
@@ -1022,10 +1044,16 @@ export class MediaControl extends UICorePlugin {
   }
 
   private setUserKeepVisible() {
+    trace(`${T} setUserKeepVisible`, {
+      userKeepVisible: this.userKeepVisible,
+    })
     this.userKeepVisible = true
   }
 
   private resetUserKeepVisible() {
+    trace(`${T} resetUserKeepVisible`, {
+      userKeepVisible: this.userKeepVisible,
+    })
     this.userKeepVisible = false
   }
 
@@ -1034,11 +1062,16 @@ export class MediaControl extends UICorePlugin {
   }
 
   private show(event?: MouseEvent) {
+    trace(`${T} show`, {
+      disabled: this.disabled,
+      disableControlPanel: this.options.disableControlPanel,
+      event,
+    })
     if (this.disabled || this.options.disableControlPanel) {
       return
     }
 
-    const timeout = 2000
+    const timeout = DEFAULT_HIDE_DELAY
     const mousePointerMoved =
       event &&
       event.clientX !== this.lastMouseX &&
@@ -1068,6 +1101,17 @@ export class MediaControl extends UICorePlugin {
   }
 
   private hide(delay = 0) {
+    trace(`${T} hide`, {
+      delay,
+      visible: this.isVisible(),
+      disabled: this.disabled,
+      hideMediaControl: this.options.hideMediaControl,
+      userKeepVisible: this.userKeepVisible,
+      keepVisible: this.keepVisible,
+      draggingSeekBar: this.draggingSeekBar,
+      draggingVolumeBar: this.draggingVolumeBar,
+    })
+
     if (!this.isVisible()) {
       return
     }
@@ -1473,7 +1517,7 @@ export class MediaControl extends UICorePlugin {
     if (!this.hasUpdate || !this.metadataLoaded) {
       return this
     }
-    const timeout = this.options.hideMediaControlDelay || 2000
+    const timeout = this.options.hideMediaControlDelay || DEFAULT_HIDE_DELAY
 
     this.$el.html(MediaControl.template({ settings: this.settings }))
 
@@ -1553,28 +1597,6 @@ export class MediaControl extends UICorePlugin {
     this.resetUserKeepVisible()
   }
 
-  // TODO manage by the ads plugin
-  private onStartAd() {
-    // this.advertisementPlaying = true
-    this.disable()
-  }
-
-  // TODO manage by the ads plugin
-  private onFinishAd() {
-    // this.advertisementPlaying = false
-    this.enable()
-  }
-
-  // TODO remove
-  private hideControllAds() {
-    if (
-      this.container.advertisement &&
-      this.container.advertisement.type !== 'idle'
-    ) {
-      this.hide()
-    }
-  }
-
   private static getPageX(event: MouseEvent | TouchEvent): number {
     return getPageX(event)
   }
@@ -1625,6 +1647,13 @@ export class MediaControl extends UICorePlugin {
       this.$el.removeClass('dvr')
     }
   }
+
+  private delayHide(e: unknown) {
+    trace(`${T} delayHide`, {
+      e,
+    })
+    this.hide(this.options.hideMediaControlDelay || DEFAULT_HIDE_DELAY)
+  }
 }
 
 MediaControl.extend = function (properties) {
@@ -1678,3 +1707,15 @@ function mergeElements(
     return acc
   }, a)
 }
+
+function clickaway(callback: () => void, element: Node) {
+  const handler = (event: MouseEvent | TouchEvent) => {
+    if (!element.contains(event.target as Node)) {
+      callback()
+      window.removeEventListener('click', handler)
+    }
+  }
+  return () => {
+    window.addEventListener('click', handler)
+  }
+}

package/src/plugins/media-control/__tests__/MediaControl.test.ts

@@ -57,10 +57,10 @@ describe('MediaControl', () => {
         core.activePlayback.emit(Events.PLAYBACK_LOADEDMETADATA)
         core.activeContainer.emit(Events.CONTAINER_LOADEDMETADATA)
       })
-      // TODO review why delay is needed
+      // TODO review why such a short delay is needed
       it('should wait a delay before rendering anything', async () => {
         expect(mediaControl.el.innerHTML).toBe('')
-        await new Promise((resolve) => setTimeout(resolve, 50))
+        await new Promise((resolve) => setTimeout(resolve, 25))
         expect(mediaControl.el.innerHTML).toMatchSnapshot()
         expect(
           mediaControl.$el.find('.media-control-left-panel [data-playpause]')