@gcorevideo/player 2.22.21 → 2.22.22

package/lib/plugins/clappr-stats/ClapprStats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClapprStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-stats/ClapprStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAwB,MAAM,cAAc,CAAA;AAU/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAMpD,cAAc,YAAY,CAAA;AAG1B,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,qBAAa,WAAY,SAAQ,eAAe;IAC9C,OAAO,CAAC,OAAO,CAAuB;IAEtC,OAAO,CAAC,sBAAsB,CAAI;IAElC,OAAO,CAAC,OAAO,CAAmC;IAElD,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,OAAO,CAAQ;IAEvB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,GAAG;IASX,OAAO,CAAC,GAAG;IAIX,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,IAAI;gBAIA,SAAS,EAAE,SAAS;IAKhC;;OAEG;IACM,UAAU;IAmDnB;;OAEG;IACM,OAAO;IAKhB;;;OAGG;IACH,aAAa;IAIb,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,OAAO;IAgBf,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,6BAA6B;IAOrC,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,QAAQ;IAgBhB,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,aAAa;CA0BtB"}
+{"version":3,"file":"ClapprStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-stats/ClapprStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAwB,MAAM,cAAc,CAAA;AAU/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAMpD,cAAc,YAAY,CAAA;AAG1B,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,qBAAa,WAAY,SAAQ,eAAe;IAC9C,OAAO,CAAC,OAAO,CAAuB;IAEtC,OAAO,CAAC,sBAAsB,CAAI;IAElC,OAAO,CAAC,OAAO,CAAmC;IAElD,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,OAAO,CAAQ;IAEvB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,GAAG;IASX,OAAO,CAAC,GAAG;IAIX,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,IAAI;gBAIA,SAAS,EAAE,SAAS;IAKhC;;OAEG;IACM,UAAU;IAmDnB;;OAEG;IACM,OAAO;IAKhB;;;OAGG;IACH,aAAa;IAIb,YAAY;IAIZ,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,OAAO;IAgBf,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,6BAA6B;IAOrC,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,QAAQ;IAgBhB,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,aAAa;CA0BtB"}

package/lib/plugins/clappr-stats/ClapprStats.js

@@ -99,6 +99,9 @@ export class ClapprStats extends ContainerPlugin {
     exportMetrics() {
         return structuredClone(this.metrics);
     }
+    clearMetrics() {
+        this.metrics = newMetrics();
+    }
     onBitrate(newBitrate) {
         const bitrate = newBitrate.bitrate;
         const now = this.now();

package/lib/plugins/click-to-pause/ClickToPause.js

@@ -41,14 +41,13 @@ export class ClickToPause extends ContainerPlugin {
         });
         if (isLivePlayback && !isDvrEnabled) {
             this.togglePlay(true);
+            return;
         }
-        else if (!isLivePlayback || isDvrEnabled) {
-            this.clearTimer();
-            this.timer = setTimeout(() => {
-                this.timer = null;
-                this.togglePlay(false);
-            }, 300);
-        }
+        this.clearTimer();
+        this.timer = setTimeout(() => {
+            this.timer = null;
+            this.togglePlay(false);
+        }, 300);
     }
     settingsUpdate() {
         const isLivePlayback = this.container.getPlaybackType() === Playback.LIVE;

package/lib/plugins/volume-fade/VolumeFade.d.ts

@@ -20,10 +20,12 @@ export type VolumeFadeSettings = {
     duration?: number;
 };
 /**
- * `PLUGIN` that applies fade effect to the player's volume change.
+ * `PLUGIN` that mutes the sound and fades it in when the mouse is over the player.
  * @beta
  *
  * @remarks
+ * When the user moves the mouse over and away from the player, the sound is unmuted and unmuted with a fade effect.
+ *
  * Depends on {@link MediaControl} plugin.
  * Configuration options - {@link VolumeFadeSettings}
  */

package/lib/plugins/volume-fade/VolumeFade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VolumeFade.d.ts","sourceRoot":"","sources":["../../../src/plugins/volume-fade/VolumeFade.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,IAAI,EAAE,MAAM,cAAc,CAAA;AAMrE;;;GAGG;AACH,oBAAY,gBAAgB;IAC1B,IAAI,qBAAqB;CAC1B;AAMD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED;;;;;;;GAOG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,YAAY,CAAI;IAExB,OAAO,CAAC,QAAQ,CAAI;IAEpB,OAAO,CAAC,OAAO,CAAuB;IAEtC;;OAEG;IACH,IAAI,IAAI,WAEP;gBAEW,IAAI,EAAE,IAAI;IAOtB;;OAEG;IACM,UAAU;IAInB,OAAO,CAAC,WAAW;IA6BnB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,IAAI;IAqBZ,OAAO,CAAC,QAAQ;CAOjB"}
+{"version":3,"file":"VolumeFade.d.ts","sourceRoot":"","sources":["../../../src/plugins/volume-fade/VolumeFade.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,IAAI,EAAE,MAAM,cAAc,CAAA;AAMrE;;;GAGG;AACH,oBAAY,gBAAgB;IAC1B,IAAI,qBAAqB;CAC1B;AAOD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED;;;;;;;;;GASG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,YAAY,CAAI;IAExB,OAAO,CAAC,QAAQ,CAAI;IAEpB,OAAO,CAAC,OAAO,CAAuB;IAEtC;;OAEG;IACH,IAAI,IAAI,WAEP;gBAEW,IAAI,EAAE,IAAI;IAOtB;;OAEG;IACM,UAAU;IAInB,OAAO,CAAC,WAAW;IA6BnB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,IAAI;IAqBZ,OAAO,CAAC,QAAQ;CAOjB"}

package/lib/plugins/volume-fade/VolumeFade.js

@@ -11,11 +11,14 @@ export var VolumeFadeEvents;
 })(VolumeFadeEvents || (VolumeFadeEvents = {}));
 const T = 'plugins.volume_fade';
 const DEFAULT_DURATION = 600;
+const DEFAULT_VOLUME_LEVEL = 80;
 /**
- * `PLUGIN` that applies fade effect to the player's volume change.
+ * `PLUGIN` that mutes the sound and fades it in when the mouse is over the player.
  * @beta
  *
  * @remarks
+ * When the user moves the mouse over and away from the player, the sound is unmuted and unmuted with a fade effect.
+ *
  * Depends on {@link MediaControl} plugin.
  * Configuration options - {@link VolumeFadeSettings}
  */
@@ -57,10 +60,10 @@ export class VolumeFade extends UICorePlugin {
                 this.core.activeContainer?.volume &&
                     !isNaN(this.core.activeContainer.volume)
                     ? this.core.activeContainer.volume
-                    : 80;
+                    : DEFAULT_VOLUME_LEVEL;
         }
         this.duration = this.options.volumeFade?.duration || DEFAULT_DURATION;
-        // TODO check if mute must be respected
+        // TODO check if `mute` must be respected
         this.core.activeContainer?.setVolume(this.activeVolume);
         this.core.activePlayback.volume(0);
     }

package/package.json

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

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

@@ -312,8 +312,12 @@ export class NerdStats extends UICorePlugin {
 
   private updateMetrics(metrics: PerfMetrics) {
     trace(`${T} updateMetrics`, { custom: this.speedtestMetrics })
-    Object.assign(this.metrics, metrics)
-    this.updateEstimatedQuality()
+    Object.assign(this.metrics, metrics) // TODO no Object.assign
+    this.metrics.custom = {
+      ...this.speedtestMetrics,
+    }
+
+    this.updateCustomMetrics()
 
     this.$el
       .find('#nerd-stats-current-time')
@@ -382,17 +386,19 @@ export class NerdStats extends UICorePlugin {
 
     this.setStatsBoxSize()
     drawSpeedTestResults()
-    drawSummary(
-      this.speedtestMetrics,
-      this.$el.find('#nerd-stats-quality-vod'),
-      this.$el.find('#nerd-stats-quality-live'),
-    )
+    this.updateEstimatedQuality()
 
     if (!this.open) {
       this.hide()
     }
   }
 
+  private updateCustomMetrics() {
+    this.$el.find('#nerd-stats-dl-text').text(this.metrics.custom.connectionSpeed.toFixed(2))
+    this.$el.find('#nerd-stats-ping-text').text(this.metrics.custom.ping.toFixed(2))
+    this.$el.find('#nerd-stats-jitter-text').text(this.metrics.custom.jitter.toFixed(2))
+  }
+
   private updateEstimatedQuality() {
     this.estimateQuality()
     this.$el
@@ -401,6 +407,12 @@ export class NerdStats extends UICorePlugin {
     this.$el
       .find('#nerd-stats-quality-live-text')
       .html(this.metrics.custom.liveQuality)
+
+    drawSummary(
+      this.speedtestMetrics,
+      this.$el.find('#nerd-stats-quality-vod'),
+      this.$el.find('#nerd-stats-quality-live'),
+    )
   }
 
   private setStatsBoxSize() {
@@ -453,8 +465,9 @@ export class NerdStats extends UICorePlugin {
     this.speedtestMetrics.connectionSpeed = 0
     this.speedtestMetrics.ping = 0
     this.speedtestMetrics.jitter = 0
-
+    
     if (clapprStats) {
+      clapprStats.clearMetrics()
       this.updateMetrics(clapprStats.exportMetrics())
     }
   }

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

@@ -116,6 +116,7 @@ export class Speedtest {
 
   addTestPoint(server: Server) {
     this._checkServerDefinition(server)
+    console.log('Speedtest addTestPoint %o', server)
     if (this._state === 0) {
       this._state = 1
     }

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

@@ -37,7 +37,7 @@ const getColor = (speedValue: number): string => {
 };
 
 export function drawSpeedTestResults() {
-  const canvas = document.getElementById('speedTestCanvas');
+  const canvas = document.getElementById('nerd-stats-speed-test-canvas');
   if (!canvas) {
     return;
   }

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

@@ -10,31 +10,41 @@ const qualityClasses = [
 ]
 
 export const getDownloadQuality = (speedValue: number): number => {
+  if (!speedValue) {
+    return 0
+  }
   if (speedValue < 3) {
     return 1
-  } else if (speedValue < 7) {
+  }
+  if (speedValue < 7) {
     return 2
-  } else if (speedValue < 13) {
+  }
+  if (speedValue < 13) {
     return 3
-  } else if (speedValue < 25) {
+  }
+  if (speedValue < 25) {
     return 4
-  } else {
-    return 5
   }
+  return 5
 }
 
 export const getPingQuality = (pingValue: number): number => {
+  if (!pingValue) {
+    return 0
+  }
   if (pingValue < 20) {
     return 5
-  } else if (pingValue < 50) {
+  }
+  if (pingValue < 50) {
     return 4
-  } else if (pingValue < 100) {
+  }
+  if (pingValue < 100) {
     return 3
-  } else if (pingValue < 150) {
+  }
+  if (pingValue < 150) {
     return 2
-  } else {
-    return 1
   }
+  return 1
 }
 
 export const generateQualityHtml = (quality: number): string => {
@@ -61,9 +71,9 @@ export const drawSummary = (
 ) => {
   const { connectionSpeed, ping } = customMetrics
 
-  if (!connectionSpeed || !ping) {
-    return
-  }
+  // if (!connectionSpeed || !ping) {
+  //   return
+  // }
   const downloadQuality = getDownloadQuality(connectionSpeed)
   const pingQuality = getPingQuality(ping)
   const liveQuality = Math.min(downloadQuality, pingQuality)

package/src/plugins/clappr-stats/ClapprStats.ts

@@ -172,6 +172,10 @@ export class ClapprStats extends ContainerPlugin {
     return structuredClone(this.metrics)
   }
 
+  clearMetrics() {
+    this.metrics = newMetrics()
+  }
+
   private onBitrate(newBitrate: QualityLevel) {
     const bitrate = newBitrate.bitrate
     const now = this.now()

package/src/plugins/click-to-pause/ClickToPause.ts

@@ -58,13 +58,13 @@ export class ClickToPause extends ContainerPlugin {
 
     if (isLivePlayback && !isDvrEnabled) {
       this.togglePlay(true)
-    } else if (!isLivePlayback || isDvrEnabled) {
-      this.clearTimer()
-      this.timer = setTimeout(() => {
-        this.timer = null
-        this.togglePlay(false)
-      }, 300)
+      return
     }
+    this.clearTimer()
+    this.timer = setTimeout(() => {
+      this.timer = null
+      this.togglePlay(false)
+    }, 300)
   }
 
   private settingsUpdate() {

package/src/plugins/volume-fade/VolumeFade.ts

@@ -15,6 +15,7 @@ export enum VolumeFadeEvents {
 const T = 'plugins.volume_fade'
 
 const DEFAULT_DURATION = 600
+const DEFAULT_VOLUME_LEVEL = 80
 
 /**
  * @beta
@@ -31,10 +32,12 @@ export type VolumeFadeSettings = {
 }
 
 /**
- * `PLUGIN` that applies fade effect to the player's volume change.
+ * `PLUGIN` that mutes the sound and fades it in when the mouse is over the player.
  * @beta
  *
  * @remarks
+ * When the user moves the mouse over and away from the player, the sound is unmuted and unmuted with a fade effect.
+ *
  * Depends on {@link MediaControl} plugin.
  * Configuration options - {@link VolumeFadeSettings}
  */
@@ -86,11 +89,11 @@ export class VolumeFade extends UICorePlugin {
         this.core.activeContainer?.volume &&
         !isNaN(this.core.activeContainer.volume)
           ? this.core.activeContainer.volume
-          : 80
+          : DEFAULT_VOLUME_LEVEL
     }
 
     this.duration = this.options.volumeFade?.duration || DEFAULT_DURATION
-    // TODO check if mute must be respected
+    // TODO check if `mute` must be respected
     this.core.activeContainer?.setVolume(this.activeVolume)
     this.core.activePlayback.volume(0)
   }

package/temp/player.api.json

@@ -1925,6 +1925,44 @@
             "endIndex": 2
           }
         },
+        {
+          "kind": "Enum",
+          "canonicalReference": "@gcorevideo/player!ExtendedEvents:enum",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare enum ExtendedEvents "
+            }
+          ],
+          "fileUrlPath": "src/plugins/media-control/MediaControl.ts",
+          "releaseTag": "Public",
+          "name": "ExtendedEvents",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "EnumMember",
+              "canonicalReference": "@gcorevideo/player!ExtendedEvents.MEDIACONTROL_VOLUME:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "MEDIACONTROL_VOLUME = "
+                },
+                {
+                  "kind": "Content",
+                  "text": "\"mediacontrol:volume\""
+                }
+              ],
+              "initializerTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "name": "MEDIACONTROL_VOLUME"
+            }
+          ]
+        },
         {
           "kind": "Class",
           "canonicalReference": "@gcorevideo/player!Favicon:class",
@@ -9818,7 +9856,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@gcorevideo/player!VolumeFade:class",
-          "docComment": "/**\n * `PLUGIN` that applies fade effect to the player's volume change.\n *\n * @beta\n */\n",
+          "docComment": "/**\n * `PLUGIN` that mutes the sound and fades it in when the mouse is over the player.\n *\n * @remarks\n *\n * When the user moves the mouse over and away from the player, the sound is unmuted and unmuted with a fade effect.\n *\n * Depends on {@link MediaControl} plugin. Configuration options - {@link VolumeFadeSettings}\n *\n * @beta\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -9839,7 +9877,41 @@
           "isAbstract": false,
           "name": "VolumeFade",
           "preserveMemberOrder": false,
-          "members": [],
+          "members": [
+            {
+              "kind": "Constructor",
+              "canonicalReference": "@gcorevideo/player!VolumeFade:constructor(1)",
+              "docComment": "/**\n * Constructs a new instance of the `VolumeFade` class\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "constructor(core: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Core",
+                  "canonicalReference": "@clappr/core!default:class"
+                },
+                {
+                  "kind": "Content",
+                  "text": ");"
+                }
+              ],
+              "releaseTag": "Beta",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "core",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ]
+            }
+          ],
           "extendsTokenRange": {
             "startIndex": 1,
             "endIndex": 2
@@ -9884,6 +9956,32 @@
             }
           ]
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@gcorevideo/player!VolumeFadeSettings:type",
+          "docComment": "/**\n * @beta\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export type VolumeFadeSettings = "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    level?: number;\n    duration?: number;\n}"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "src/plugins/volume-fade/VolumeFade.ts",
+          "releaseTag": "Beta",
+          "name": "VolumeFadeSettings",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "Interface",
           "canonicalReference": "@gcorevideo/player!WatchEventData:interface",