@gcorevideo/player 2.20.13 → 2.20.15

package/dist/plugins/index.js

@@ -37249,7 +37249,7 @@ class ClipsPlugin extends UICorePlugin {
 
 const templateHtml$1 = "<ul class=\"context-menu-list\">\n    <% if(options) { %>\n        <% for (var i = 0; i < options.length; i++) { %>\n        <li class=\"context-menu-list-item <%= options[i].class %>\"\n            data-<%= options[i].name %>><%= options[i].label %></li>\n        <% } %>\n    <% } %>\n</ul>\n";
 
-var version$1 = "2.20.13";
+var version$1 = "2.20.15";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -37506,7 +37506,7 @@ class DvrControls extends UICorePlugin {
 
 const reloadIcon = "<svg fill=\"#FFFFFF\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\"/>\n    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>";
 
-const templateHtml = "<div class=\"player-error-screen__content\" data-error-screen>\n    <% if (icon) { %>\n        <div class=\"player-error-screen__icon\" data-error-screen><%= icon %></div>\n    <% } %>\n    <div class=\"player-error-screen__title\" data-error-screen><%= title %></div>\n    <% if (message) { %>\n        <div class=\"player-error-screen__message\" data-error-screen><%= message %></div>\n    <% } %>\n    <% if (code) { %>\n        <div class=\"player-error-screen__code\" data-error-screen>Error code: <%= code %></div>\n    <% } %>\n    <% if (reloadIcon) { %>\n        <div class=\"player-error-screen__reload\" data-error-screen><%= reloadIcon %></div>\n    <% } %>\n</div>\n";
+const templateHtml = "<div class=\"player-error-screen__content\" data-error-screen>\n    <% if (icon) { %>\n        <div class=\"player-error-screen__icon\" data-error-screen><%= icon %></div>\n    <% } %>\n    <div class=\"player-error-screen__title\" data-error-screen><%= title %></div>\n    <% if (message) { %>\n        <div class=\"player-error-screen__message\" data-error-screen><%= message %></div>\n    <% } %>\n    <% if (code) { %>\n        <div class=\"player-error-screen__code\" data-error-screen><%= i18n.t('error_code') %>: <%= code %></div>\n    <% } %>\n    <% if (reloadIcon) { %>\n        <div class=\"player-error-screen__reload\" data-error-screen><%= reloadIcon %></div>\n    <% } %>\n</div>\n";
 
 const T$a = 'plugins.error_screen';
 /**
@@ -37608,6 +37608,7 @@ class ErrorScreen extends UICorePlugin {
         this.$el.html(ErrorScreen.template({
             ...this.err,
             reloadIcon: this.options.errorScreen?.noReload ? null : reloadIcon,
+            i18n: this.core.i18n,
         }));
         if (!this.el.parentElement) {
             this.core.$el.append(this.el);
@@ -38909,7 +38910,8 @@ class PlaybackRate extends UICorePlugin {
     }
     onPlaybackRateChange(playbackRate) {
         const selectedRate = parseInt(this.selectedRate, 10);
-        if (playbackRate !== selectedRate) {
+        // TODO check it doesn't interfere with the DASH.js or HLS.js playback live catchup
+        if (Math.abs(playbackRate - selectedRate) > 0.1) {
             this.core.activePlayback?.setPlaybackRate(selectedRate);
         }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"HTML5Video.d.ts","sourceRoot":"","sources":["../../src/playback/HTML5Video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAG3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,YAAY;IAClD;;OAEG;IACM,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,YAAY;CAqB5D"}
+{"version":3,"file":"HTML5Video.d.ts","sourceRoot":"","sources":["../../src/playback/HTML5Video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAG3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKhD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,YAAY;IAClD;;OAEG;IACM,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,YAAY;CAwB5D"}

package/lib/playback/HTML5Video.js

@@ -1,10 +1,15 @@
 import { PlaybackErrorCode } from '../playback.types.js';
 import { BasePlayback } from './BasePlayback.js';
+import { trace } from '@gcorevideo/utils';
+const T = 'playback.html5_video';
 export default class HTML5Video extends BasePlayback {
     /**
      * @internal
      */
     createError(errorData, options) {
+        trace(`${T} createError`, {
+            errorData
+        });
         const i18n = this.i18n ||
             // @ts-ignore
             (this.core && this.core.i18n) ||

package/lib/plugins/error-screen/ErrorScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorScreen.d.ts","sourceRoot":"","sources":["../../../src/plugins/error-screen/ErrorScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,MAAM,cAAc,CAAA;AAO7D,OAAO,gDAAgD,CAAA;AAUvD;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAID;;;GAGG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,GAAG,CAA+B;IAE1C;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAyB;IAEzD;;OAEG;IACH,IAAa,UAAU;;;MAKtB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,OAAO;IAMf;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,wBAAwB;IAqBhC,OAAO,CAAC,OAAO;IAgBf;;OAEG;IACM,MAAM;CAiBhB"}
+{"version":3,"file":"ErrorScreen.d.ts","sourceRoot":"","sources":["../../../src/plugins/error-screen/ErrorScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,MAAM,cAAc,CAAA;AAO7D,OAAO,gDAAgD,CAAA;AAUvD;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAID;;;GAGG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,GAAG,CAA+B;IAE1C;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAyB;IAEzD;;OAEG;IACH,IAAa,UAAU;;;MAKtB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,OAAO;IAMf;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,wBAAwB;IAqBhC,OAAO,CAAC,OAAO;IAgBf;;OAEG;IACM,MAAM;CAkBhB"}

package/lib/plugins/error-screen/ErrorScreen.js

@@ -58,6 +58,7 @@ export class ErrorScreen extends UICorePlugin {
         };
     }
     reload() {
+        trace(`${T} reload`);
         setTimeout(() => {
             this.core.configure({
                 reloading: true,
@@ -107,6 +108,7 @@ export class ErrorScreen extends UICorePlugin {
         this.$el.html(ErrorScreen.template({
             ...this.err,
             reloadIcon: this.options.errorScreen?.noReload ? null : reloadIcon,
+            i18n: this.core.i18n,
         }));
         if (!this.el.parentElement) {
             this.core.$el.append(this.el);

package/lib/plugins/playback-rate/PlaybackRate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlaybackRate.d.ts","sourceRoot":"","sources":["../../../src/plugins/playback-rate/PlaybackRate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAsB,IAAI,EAAE,MAAM,cAAc,CAAC;AAoC9E;;;;;;;;;;;;GAYG;AACH,qBAAa,YAAa,SAAQ,YAAY;IAC5C,OAAO,CAAC,aAAa,CAAgD;IAGrE,OAAO,CAAC,gBAAgB,CAAqB;IAE7C,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,YAAY,CAAiC;IAErD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAwB;IAE9D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAsB;gBAE9C,IAAI,EAAE,IAAI;IAMtB;;OAEG;IACH,IAAa,UAAU;;;MAKtB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED;;OAEG;IACM,UAAU;IAKnB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,YAAY;IAYpB;;OAEG;IACM,MAAM;IA6Bf,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,MAAM;IAGd,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,oBAAoB;CAS7B"}
+{"version":3,"file":"PlaybackRate.d.ts","sourceRoot":"","sources":["../../../src/plugins/playback-rate/PlaybackRate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAsB,IAAI,EAAE,MAAM,cAAc,CAAC;AAoC9E;;;;;;;;;;;;GAYG;AACH,qBAAa,YAAa,SAAQ,YAAY;IAC5C,OAAO,CAAC,aAAa,CAAgD;IAGrE,OAAO,CAAC,gBAAgB,CAAqB;IAE7C,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,YAAY,CAAiC;IAErD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAwB;IAE9D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAsB;gBAE9C,IAAI,EAAE,IAAI;IAMtB;;OAEG;IACH,IAAa,UAAU;;;MAKtB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED;;OAEG;IACM,UAAU;IAKnB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,oBAAoB;IAY5B,OAAO,CAAC,YAAY;IAYpB;;OAEG;IACM,MAAM;IA6Bf,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,MAAM;IAGd,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,oBAAoB;CAS7B"}

package/lib/plugins/playback-rate/PlaybackRate.js

@@ -121,7 +121,8 @@ export class PlaybackRate extends UICorePlugin {
     }
     onPlaybackRateChange(playbackRate) {
         const selectedRate = parseInt(this.selectedRate, 10);
-        if (playbackRate !== selectedRate) {
+        // TODO check it doesn't interfere with the DASH.js or HLS.js playback live catchup
+        if (Math.abs(playbackRate - selectedRate) > 0.1) {
             trace(`${T} onPlaybackRateChange setting target rate`, {
                 playbackRate,
                 selectedRate,

package/package.json

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

package/src/playback/HTML5Video.ts

@@ -2,12 +2,18 @@ import { ErrorOptions } from '@clappr/core'
 
 import { PlaybackErrorCode } from '../playback.types.js'
 import { BasePlayback } from './BasePlayback.js'
+import { trace } from '@gcorevideo/utils'
+
+const T = 'playback.html5_video'
 
 export default class HTML5Video extends BasePlayback {
   /**
    * @internal
    */
   override createError(errorData: any, options?: ErrorOptions) {
+    trace(`${T} createError`, {
+      errorData
+    })
     const i18n =
       this.i18n ||
       // @ts-ignore

package/src/plugins/error-screen/ErrorScreen.ts

@@ -94,6 +94,7 @@ export class ErrorScreen extends UICorePlugin {
   }
 
   private reload() {
+    trace(`${T} reload`)
     setTimeout(() => {
       this.core.configure({
         reloading: true,
@@ -151,6 +152,7 @@ export class ErrorScreen extends UICorePlugin {
       ErrorScreen.template({
         ...this.err,
         reloadIcon: this.options.errorScreen?.noReload ? null : reloadIcon,
+        i18n: this.core.i18n,
       }),
     )
 

package/src/plugins/error-screen/__tests__/__snapshots__/ErrorScreen.test.ts.snap

@@ -10,7 +10,7 @@ exports[`ErrorScreen > on error > targeted at UI > should render 1`] = `
         <div class="player-error-screen__message" data-error-screen="">Lorem ipsum dolor sit amet</div>
     
     
-        <div class="player-error-screen__code" data-error-screen="">Error code: foo</div>
+        <div class="player-error-screen__code" data-error-screen="">error_code: foo</div>
     
     
         <div class="player-error-screen__reload" data-error-screen="">/assets/icons/old/reload.svg</div>

package/src/plugins/playback-rate/PlaybackRate.ts

@@ -152,7 +152,8 @@ export class PlaybackRate extends UICorePlugin {
 
   private onPlaybackRateChange(playbackRate: number) {
     const selectedRate = parseInt(this.selectedRate, 10);
-    if (playbackRate !== selectedRate) {
+    // TODO check it doesn't interfere with the DASH.js or HLS.js playback live catchup
+    if (Math.abs(playbackRate - selectedRate) > 0.1) {
       trace(`${T} onPlaybackRateChange setting target rate`, {
         playbackRate,
         selectedRate,