@gcorevideo/player 2.22.17 → 2.22.18

package/lib/playback/dash-playback/DashPlayback.d.ts

@@ -45,7 +45,6 @@ export default class DashPlayback extends BasePlayback {
     private _setupSrc;
     _startTimeUpdateTimer(): void;
     _stopTimeUpdateTimer(): void;
-    getProgramDateTime(): number;
     getDuration(): TimeValue;
     getCurrentTime(): TimeValue;
     getStartTimeOffset(): TimeValue;

package/lib/playback/dash-playback/DashPlayback.d.ts.map

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

package/lib/playback/dash-playback/DashPlayback.js

@@ -35,7 +35,6 @@ export default class DashPlayback extends BasePlayback {
     _playbackType = Playback.VOD;
     // #EXT-X-PLAYLIST-TYPE
     _playlistType = null;
-    // #EXT-X-PROGRAM-DATE-TIME
     _programDateTime = 0;
     _dash = null;
     _extrapolatedWindowDuration = 0;
@@ -223,9 +222,9 @@ export default class DashPlayback extends BasePlayback {
             clearInterval(this._timeUpdateTimer);
         }
     }
-    getProgramDateTime() {
-        return this._programDateTime;
-    }
+    // getProgramDateTime() {
+    //   return this._programDateTime
+    // }
     // the duration on the video element itself should not be used
     // as this does not necesarily represent the duration of the stream
     // https://github.com/clappr/clappr/issues/668#issuecomment-157036678
@@ -344,7 +343,7 @@ export default class DashPlayback extends BasePlayback {
         const update = {
             current: this.getCurrentTime(),
             total: this.getDuration(),
-            firstFragDateTime: this.getProgramDateTime(),
+            // firstFragDateTime: this.getProgramDateTime(), // TODO figure out if needed
         };
         const isSame = this._lastTimeUpdate &&
             update.current === this._lastTimeUpdate.current &&

package/lib/playback/hls-playback/HlsPlayback.d.ts

@@ -80,7 +80,7 @@ export default class HlsPlayback extends BasePlayback {
     private _updateSettings;
     private _onHLSJSError;
     private _keyIsDenied;
-    private _onTimeUpdate;
+    _onTimeUpdate(): void;
     _onDurationChange(): void;
     _onProgress(): void;
     load(url: string): void;

package/lib/playback/hls-playback/HlsPlayback.d.ts.map

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

package/lib/playback/hls-playback/HlsPlayback.js

@@ -528,7 +528,6 @@ export default class HlsPlayback extends BasePlayback {
         const update = {
             current: this.getCurrentTime(),
             total: this.getDuration(),
-            firstFragDateTime: this.getProgramDateTime(),
         };
         const isSame = this._lastTimeUpdate &&
             update.current === this._lastTimeUpdate.current &&

package/lib/playback.types.d.ts

@@ -39,10 +39,9 @@ export type TimeProgress = {
 /**
  * For the plugin development
  * @beta
+ * @deprecated  Use TimePosition instead
  */
-export type TimeUpdate = TimePosition & {
-    firstFragDateTime: number;
-};
+export type TimeUpdate = TimePosition;
 /**
  * A level of quality within a media source/representation.
  * @public

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

@@ -1 +1 @@
-{"version":3,"file":"playback.types.d.ts","sourceRoot":"","sources":["../src/playback.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAA;AAE9B;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,OAAO,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;CACjB;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG;IACtC,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,OAAO,kBAAkB;IACzB;;OAEG;IACH,sBAAsB,6BAA6B;IACnD;;OAEG;IACH,uBAAuB,+BAA+B;CACvD;AAED;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAElD;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,CAAA;AAEnE;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,IAAI,EAAE,iBAAiB,CAAA;IACvB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;;;;;OAMG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,KAAK,EAAE,mBAAmB,CAAA;IAE1B;;OAEG;IACH,EAAE,CAAC,EAAE;QACH,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF"}
+{"version":3,"file":"playback.types.d.ts","sourceRoot":"","sources":["../src/playback.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAA;AAE9B;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,OAAO,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;CACjB;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,YAAY,CAAA;AAErC;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,OAAO,kBAAkB;IACzB;;OAEG;IACH,sBAAsB,6BAA6B;IACnD;;OAEG;IACH,uBAAuB,+BAA+B;CACvD;AAED;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAElD;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,CAAA;AAEnE;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,IAAI,EAAE,iBAAiB,CAAA;IACvB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;;;;;OAMG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,KAAK,EAAE,mBAAmB,CAAA;IAE1B;;OAEG;IACH,EAAE,CAAC,EAAE;QACH,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF"}

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

@@ -18,9 +18,9 @@ import '../../../assets/clappr-nerd-stats/clappr-nerd-stats.scss';
  */
 export declare class NerdStats extends UICorePlugin {
     private container;
-    private customMetrics;
+    private speedtestMetrics;
     private metrics;
-    private showing;
+    private open;
     private shortcut;
     private iconPosition;
     private static readonly buttonTemplate;
@@ -39,17 +39,17 @@ export declare class NerdStats extends UICorePlugin {
      * @internal
      */
     get attributes(): {
-        'data-clappr-nerd-stats': string;
         class: string;
     };
     /**
      * @internal
      */
     get events(): {
-        'click [data-show-stats-button]': string;
-        'click [data-close-button]': string;
-        'click [data-refresh-button]': string;
+        click: string;
+        'click #nerd-stats-close': string;
+        'click #nerd-stats-refresh': string;
     };
+    private clicked;
     private get statsBoxElem();
     private get statsBoxWidthThreshold();
     private get playerWidth();
@@ -60,6 +60,7 @@ export declare class NerdStats extends UICorePlugin {
      */
     bindEvents(): void;
     private onCoreReady;
+    private onActiveContainerChanged;
     /**
      * @internal
      */
@@ -68,16 +69,18 @@ export declare class NerdStats extends UICorePlugin {
     private show;
     private hide;
     private onPlayerResize;
-    private addGeneralMetrics;
-    private addCustomMetrics;
+    private updateResolution;
+    private estimateQuality;
     private updateMetrics;
+    private updateEstimatedQuality;
     private setStatsBoxSize;
     /**
      * @internal
      */
     render(): this;
-    private addToBottomGear;
-    private clearCustomMetrics;
+    private attach;
+    private clearSpeedtestMetrics;
     private refreshSpeedTest;
+    private formatPlaybackName;
 }
 //# sourceMappingURL=NerdStats.d.ts.map

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,EAAE,YAAY,EAAoB,IAAI,EAAa,MAAM,cAAc,CAAA;AAuB9E,OAAO,0DAA0D,CAAA;AA8FjE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,SAAU,SAAQ,YAAY;IACzC,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,aAAa,CAIpB;IAED,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,OAAO,CAAQ;IAEvB,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;;;MAKtB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED,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;IAInB,OAAO,CAAC,WAAW;IAoBnB;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,IAAI;IAeZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;IA+BxB,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IASf,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,gBAAgB;CAWzB"}
+{"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;IAgBZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,aAAa;IAmFrB,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAcf,OAAO,CAAC,MAAM;IAiBd,OAAO,CAAC,qBAAqB;IAY7B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;CAU3B"}

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

@@ -1,4 +1,4 @@
-import { UICorePlugin, Events, template } from '@clappr/core';
+import { UICorePlugin, Events, template, Playback, } from '@clappr/core';
 import { reportError, trace } from '@gcorevideo/utils';
 import Mousetrap from 'mousetrap';
 import assert from 'assert';
@@ -12,72 +12,12 @@ import pluginHtml from '../../../assets/clappr-nerd-stats/clappr-nerd-stats.ejs'
 import buttonHtml from '../../../assets/clappr-nerd-stats/button.ejs';
 import statsIcon from '../../../assets/icons/new/stats.svg';
 import { GearEvents } from '../bottom-gear/BottomGear.js';
-const qualityClasses = [
-    'speedtest-quality-value-1',
-    'speedtest-quality-value-2',
-    'speedtest-quality-value-3',
-    'speedtest-quality-value-4',
-    'speedtest-quality-value-5',
-];
-const getDownloadQuality = (speedValue) => {
-    if (speedValue < 3) {
-        return 1;
-    }
-    else if (speedValue < 7) {
-        return 2;
-    }
-    else if (speedValue < 13) {
-        return 3;
-    }
-    else if (speedValue < 25) {
-        return 4;
-    }
-    else {
-        return 5;
-    }
-};
-const getPingQuality = (pingValue) => {
-    if (pingValue < 20) {
-        return 5;
-    }
-    else if (pingValue < 50) {
-        return 4;
-    }
-    else if (pingValue < 100) {
-        return 3;
-    }
-    else if (pingValue < 150) {
-        return 2;
-    }
-    else {
-        return 1;
-    }
-};
-const generateQualityHtml = (quality) => {
-    const html = [];
-    const qualityClassName = qualityClasses[quality - 1];
-    for (let i = 0; i < qualityClasses.length; i++) {
-        if (i < quality) {
-            html.push(`<div class="speedtest-quality-content-item ${qualityClassName}"></div>`);
-        }
-        else {
-            html.push('<div class="speedtest-quality-content-item"></div>');
-        }
-    }
-    return html.join('');
-};
-const drawSummary = (customMetrics, vodContainer, liveContainer) => {
-    const { connectionSpeed, ping } = customMetrics;
-    if (!connectionSpeed || !ping) {
-        return;
-    }
-    const downloadQuality = getDownloadQuality(connectionSpeed);
-    const pingQuality = getPingQuality(ping);
-    const liveQuality = Math.min(downloadQuality, pingQuality);
-    const vodHtml = generateQualityHtml(downloadQuality);
-    const liveHtml = generateQualityHtml(liveQuality);
-    vodContainer.html(vodHtml);
-    liveContainer.html(liveHtml);
+import { drawSummary, getPingQuality } from './utils.js';
+import { getDownloadQuality } from './utils.js';
+const PLAYBACK_NAMES = {
+    dash: 'DASH.js',
+    hls: 'HLS.js',
+    html5_video: 'Native',
 };
 const T = 'plugins.nerd_stats';
 /**
@@ -98,13 +38,13 @@ const T = 'plugins.nerd_stats';
  */
 export class NerdStats extends UICorePlugin {
     container = null;
-    customMetrics = {
+    speedtestMetrics = {
         connectionSpeed: 0,
         ping: 0,
         jitter: 0,
     };
     metrics = newMetrics();
-    showing = false;
+    open = false;
     shortcut;
     iconPosition;
     static buttonTemplate = template(buttonHtml);
@@ -126,7 +66,6 @@ export class NerdStats extends UICorePlugin {
      */
     get attributes() {
         return {
-            'data-clappr-nerd-stats': '',
             class: 'clappr-nerd-stats',
         };
     }
@@ -135,13 +74,17 @@ export class NerdStats extends UICorePlugin {
      */
     get events() {
         return {
-            'click [data-show-stats-button]': 'showOrHide',
-            'click [data-close-button]': 'hide',
-            'click [data-refresh-button]': 'refreshSpeedTest',
+            click: 'clicked',
+            'click #nerd-stats-close': 'hide',
+            'click #nerd-stats-refresh': 'refreshSpeedTest',
         };
     }
+    clicked(e) {
+        e.stopPropagation();
+        e.preventDefault();
+    }
     get statsBoxElem() {
-        return '.clappr-nerd-stats[data-clappr-nerd-stats] .stats-box';
+        return this.$el.find('#nerd-stats-box');
     }
     get statsBoxWidthThreshold() {
         return 720;
@@ -160,7 +103,7 @@ export class NerdStats extends UICorePlugin {
         ];
         this.iconPosition =
             core.options.clapprNerdStats?.iconPosition ?? 'bottom-right';
-        this.customMetrics = {
+        this.speedtestMetrics = {
             connectionSpeed: 0,
             ping: 0,
             jitter: 0,
@@ -172,20 +115,38 @@ export class NerdStats extends UICorePlugin {
      */
     bindEvents() {
         this.listenToOnce(this.core, Events.CORE_READY, this.onCoreReady);
+        this.listenTo(this.core, Events.CORE_RESIZE, this.onPlayerResize);
+        this.listenTo(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
     }
     onCoreReady() {
         const bottomGear = this.core.getPlugin('bottom_gear');
         assert(bottomGear, 'bottom_gear plugin is required');
-        this.listenTo(bottomGear, GearEvents.RENDERED, this.addToBottomGear);
+        this.listenTo(bottomGear, GearEvents.RENDERED, this.attach);
+        Mousetrap.bind(this.shortcut, this.toggle);
+        this.updateResolution();
+    }
+    onActiveContainerChanged() {
         this.container = this.core.activeContainer;
         const clapprStats = this.container?.getPlugin('clappr_stats');
         assert(clapprStats, 'clappr-stats not available. Please, include it as a plugin of your Clappr instance.\n' +
             'For more info, visit: https://github.com/clappr/clappr-stats.');
-        Mousetrap.bind(this.shortcut, this.toggle);
-        this.listenTo(this.core, Events.CORE_RESIZE, this.onPlayerResize);
         this.listenTo(clapprStats, ClapprStatsEvents.REPORT, this.updateMetrics);
+        this.listenTo(this.core.activeContainer, Events.CONTAINER_VOLUME, () => {
+            this.metrics.general.volume = this.container?.volume ?? 0;
+            this.$el
+                .find('#nerd-stats-volume')
+                .text(Formatter.formatVolume(this.metrics.general.volume));
+        });
+        this.listenTo(this.core.activePlayback, Events.PLAYBACK_LOADEDMETADATA, () => {
+            this.$el
+                .find('#nerd-stats-playback-type')
+                .text(this.formatPlaybackName(this.core.activePlayback.getPlaybackType()));
+        });
         this.updateMetrics(clapprStats.exportMetrics());
-        this.render();
+        this.$el
+            .find('#nerd-stats-playback-name')
+            .text(PLAYBACK_NAMES[this.core.activePlayback.name] ?? '-');
+        this.core.activeContainer.$el.append(this.$el);
     }
     /**
      * @internal
@@ -195,7 +156,7 @@ export class NerdStats extends UICorePlugin {
         return super.destroy();
     }
     toggle = () => {
-        if (this.showing) {
+        if (this.open) {
             this.hide();
         }
         else {
@@ -203,10 +164,11 @@ export class NerdStats extends UICorePlugin {
         }
     };
     show() {
-        this.core.$el.find(this.statsBoxElem).show();
-        this.showing = true;
+        this.$el.show();
+        this.statsBoxElem.scrollTop(this.statsBoxElem.scrollTop());
+        this.open = true;
         this.refreshSpeedTest();
-        initSpeedTest(this.customMetrics)
+        initSpeedTest(this.speedtestMetrics)
             .then(() => {
             startSpeedtest();
         })
@@ -216,21 +178,28 @@ export class NerdStats extends UICorePlugin {
         });
     }
     hide() {
-        this.core.$el.find(this.statsBoxElem).hide();
-        this.showing = false;
+        this.$el.hide();
+        this.open = false;
         stopSpeedtest();
     }
     onPlayerResize() {
         this.setStatsBoxSize();
+        this.updateResolution();
     }
-    addGeneralMetrics() {
-        this.metrics.general = {
-            displayResolution: this.playerWidth + 'x' + this.playerHeight,
-            volume: this.container?.volume,
+    updateResolution() {
+        this.metrics.general.resolution = {
+            width: this.playerWidth,
+            height: this.playerHeight,
         };
-    }
-    addCustomMetrics() {
-        this.metrics.custom = this.customMetrics;
+        this.$el
+            .find('#nerd-stats-resolution-width')
+            .text(this.metrics.general.resolution.width);
+        this.$el
+            .find('#nerd-stats-resolution-height')
+            .text(this.metrics.general.resolution.height);
+    }
+    estimateQuality() {
+        trace(`${T} estimateQuality`);
         const videoQualityNames = [
             'SD (480p)',
             'HD (720p)',
@@ -238,9 +207,9 @@ export class NerdStats extends UICorePlugin {
             '2K (1440p)',
             '4K (2160p)',
         ];
-        const { connectionSpeed, ping } = this.customMetrics;
+        const { connectionSpeed, ping } = this.speedtestMetrics;
         if (!connectionSpeed || !ping) {
-            const calculatingText = 'Calculating... Please wait.';
+            const calculatingText = this.core.i18n.t('stats.calculating');
             this.metrics.custom.vodQuality = calculatingText;
             this.metrics.custom.liveQuality = calculatingText;
             return;
@@ -255,44 +224,109 @@ export class NerdStats extends UICorePlugin {
             prefix + videoQualityNames[liveQuality - 1];
     }
     updateMetrics(metrics) {
+        trace(`${T} updateMetrics`, { custom: this.speedtestMetrics });
         Object.assign(this.metrics, metrics);
-        this.addGeneralMetrics();
-        this.addCustomMetrics();
-        const scrollTop = this.core.$el.find(this.statsBoxElem).scrollTop();
-        this.$el.html(NerdStats.template({
-            metrics: Formatter.format(this.metrics),
-            iconPosition: this.iconPosition,
-        }));
+        this.updateEstimatedQuality();
+        this.$el
+            .find('#nerd-stats-current-time')
+            .text(Formatter.formatTime(this.metrics.extra.currentTime));
+        this.$el
+            .find('#nerd-stats-video-duration')
+            .text(Formatter.formatTime(this.metrics.extra.duration));
+        this.$el
+            .find('#nerd-stats-buffer-size')
+            .text(Formatter.formatTime(this.metrics.extra.buffersize));
+        this.$el
+            .find('#nerd-stats-bitrate-weighted-mean')
+            .text(Formatter.formatBitrate(this.metrics.extra.bitrateWeightedMean));
+        this.$el
+            .find('#nerd-stats-bitrate-most-used')
+            .text(Formatter.formatBitrate(this.metrics.extra.bitrateMostUsed));
+        this.$el
+            .find('#nerd-stats-watched-percentage')
+            .text(Formatter.formatPercentage(this.metrics.extra.watchedPercentage));
+        this.$el
+            .find('#nerd-stats-buffering-percentage')
+            .text(Formatter.formatPercentage(this.metrics.extra.bufferingPercentage));
+        this.$el
+            .find('#nerd-stats-startup-time')
+            .text(Formatter.formatTime(this.metrics.chrono.startup));
+        this.$el
+            .find('#nerd-stats-watch-time')
+            .text(Formatter.formatTime(this.metrics.chrono.watch));
+        this.$el
+            .find('#nerd-stats-pause-time')
+            .text(Formatter.formatTime(this.metrics.chrono.pause));
+        this.$el
+            .find('#nerd-stats-buffering-time')
+            .text(Formatter.formatTime(this.metrics.chrono.buffering));
+        this.$el
+            .find('#nerd-stats-session-time')
+            .text(Formatter.formatTime(this.metrics.chrono.session));
+        this.$el.find('#nerd-stats-plays').text(this.metrics.counters.play);
+        this.$el.find('#nerd-stats-pauses').text(this.metrics.counters.pause);
+        this.$el.find('#nerd-stats-errors').text(this.metrics.counters.error);
+        this.$el
+            .find('#nerd-stats-bufferings')
+            .text(this.metrics.counters.buffering);
+        this.$el
+            .find('#nerd-stats-decoded-frames')
+            .text(this.metrics.counters.decodedFrames);
+        this.$el
+            .find('#nerd-stats-dropped-frames')
+            .text(this.metrics.counters.droppedFrames);
+        this.$el
+            .find('#nerd-stats-bitrate-changes')
+            .text(this.metrics.counters.changeLevel);
+        this.$el.find('#nerd-stats-seeks').text(this.metrics.counters.seek);
+        this.$el
+            .find('#nerd-stats-fullscreen')
+            .text(this.metrics.counters.fullscreen);
+        this.$el.find('#nerd-stats-dvr-usage').text(this.metrics.counters.dvrUsage);
+        this.$el
+            .find('#nerd-stats-fps')
+            .text(Formatter.formatFps(this.metrics.counters.fps));
         this.setStatsBoxSize();
         drawSpeedTestResults();
-        drawSummary(this.metrics?.custom, this.$el.find('.speedtest-quality-content[data-streaming-type="vod"]'), this.$el.find('.speedtest-quality-content[data-streaming-type="live"]'));
-        this.core.$el.find(this.statsBoxElem).scrollTop(scrollTop);
-        if (!this.showing) {
+        drawSummary(this.speedtestMetrics, this.$el.find('#nerd-stats-quality-vod'), this.$el.find('#nerd-stats-quality-live'));
+        if (!this.open) {
             this.hide();
         }
     }
+    updateEstimatedQuality() {
+        this.estimateQuality();
+        this.$el
+            .find('#nerd-stats-quality-vod-text')
+            .html(this.metrics.custom.vodQuality);
+        this.$el
+            .find('#nerd-stats-quality-live-text')
+            .html(this.metrics.custom.liveQuality);
+    }
     setStatsBoxSize() {
         if (this.playerWidth >= this.statsBoxWidthThreshold) {
-            this.$el.find(this.statsBoxElem).addClass('wide');
-            this.$el.find(this.statsBoxElem).removeClass('narrow');
+            this.statsBoxElem.addClass('wide');
+            this.statsBoxElem.removeClass('narrow');
         }
         else {
-            this.$el.find(this.statsBoxElem).removeClass('wide');
-            this.$el.find(this.statsBoxElem).addClass('narrow');
+            this.statsBoxElem.removeClass('wide');
+            this.statsBoxElem.addClass('narrow');
         }
     }
     /**
      * @internal
      */
     render() {
-        trace(`${T} render`);
-        // TODO append to the container
-        this.core.$el.append(this.$el[0]);
-        this.hide();
+        this.$el
+            .html(NerdStats.template({
+            metrics: Formatter.format(this.metrics ?? newMetrics()),
+            iconPosition: this.iconPosition,
+            i18n: this.core.i18n,
+        }))
+            .hide();
         return this;
     }
-    addToBottomGear() {
-        trace(`${T} addToBottomGear`);
+    attach() {
+        trace(`${T} attach`);
         const gear = this.core.getPlugin('bottom_gear');
         gear
             .addItem('nerd_stats')
@@ -305,11 +339,11 @@ export class NerdStats extends UICorePlugin {
             this.toggle();
         });
     }
-    clearCustomMetrics() {
+    clearSpeedtestMetrics() {
         const clapprStats = this.container?.getPlugin('clappr_stats');
-        this.customMetrics.connectionSpeed = 0;
-        this.customMetrics.ping = 0;
-        this.customMetrics.jitter = 0;
+        this.speedtestMetrics.connectionSpeed = 0;
+        this.speedtestMetrics.ping = 0;
+        this.speedtestMetrics.jitter = 0;
         if (clapprStats) {
             this.updateMetrics(clapprStats.exportMetrics());
         }
@@ -317,7 +351,7 @@ export class NerdStats extends UICorePlugin {
     refreshSpeedTest() {
         stopSpeedtest();
         setTimeout(() => {
-            this.clearCustomMetrics();
+            this.clearSpeedtestMetrics();
             clearSpeedTestResults();
             drawSpeedTestResults();
         }, 200);
@@ -325,11 +359,28 @@ export class NerdStats extends UICorePlugin {
             startSpeedtest();
         }, 800);
     }
+    formatPlaybackName(playbackType) {
+        switch (playbackType) {
+            case Playback.VOD:
+                return this.core.i18n.t('vod');
+            case Playback.LIVE:
+                return this.core.i18n.t('live');
+            default:
+                return '-';
+        }
+    }
 }
 function newMetrics() {
     return {
         ...newBaseMetrics(),
-        general: {},
+        general: {
+            displayResolution: '',
+            resolution: {
+                width: 0,
+                height: 0,
+            },
+            volume: 0,
+        },
         custom: {
             connectionSpeed: 0,
             ping: 0,

package/lib/plugins/clappr-nerd-stats/formatter.d.ts

@@ -3,6 +3,11 @@ type MetricsValue = number | string;
 type Metrics = Partial<Record<MetricsKind, Partial<Record<MetricsType, MetricsValue>>>>;
 export default class Formatter {
     static format(metrics: Metrics): Metrics;
+    static formatVolume(volume: number): string;
+    static formatTime(time: number): string;
+    static formatFps(fps: number): string;
+    static formatPercentage(percentage: number): string;
+    static formatBitrate(bitrate: number): string;
 }
 export {};
 //# sourceMappingURL=formatter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"formatter.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/formatter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAyExD,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AACpC,KAAK,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAExF,MAAM,CAAC,OAAO,OAAO,SAAS;IAC5B,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO;CA8BzC"}
+{"version":3,"file":"formatter.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/formatter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAsFnE,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AACnC,KAAK,OAAO,GAAG,OAAO,CACpB,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,CAChE,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,SAAS;IAC5B,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO;IAkCxC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAI3C,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAMvC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAIrC,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM;IAMnD,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;CAK9C"}