@gcorevideo/player 2.20.18 → 2.20.20

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.18";
+var version$1 = "2.20.20";
 
 var packages = {
 	"node_modules/@clappr/core": {

package/lib/playback/HTML5Video.d.ts

@@ -2,7 +2,6 @@ import { ErrorOptions } from '@clappr/core';
 import { BasePlayback } from './BasePlayback.js';
 export default class HTML5Video extends BasePlayback {
     private stallTimerId;
-    private statllTimerId;
     /**
      * @internal
      */
@@ -11,5 +10,6 @@ export default class HTML5Video extends BasePlayback {
     _onEnded(): void;
     _handleBufferingEvents(): void;
     _onPlaying(): void;
+    _onPause(): void;
 }
 //# sourceMappingURL=HTML5Video.d.ts.map

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;AAQhD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,YAAY;IAClD,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,aAAa,CAA8B;IAEnD;;OAEG;IACM,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,YAAY;IAyBlD,UAAU;IAKV,QAAQ;IASR,sBAAsB;IAuBtB,UAAU;CAQpB"}
+{"version":3,"file":"HTML5Video.d.ts","sourceRoot":"","sources":["../../src/playback/HTML5Video.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAG3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAQhD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,YAAY;IAClD,OAAO,CAAC,YAAY,CAAuB;IAE3C;;OAEG;IACM,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,YAAY;IAyBlD,UAAU;IAKV,QAAQ;IASR,sBAAsB;IAsBtB,UAAU;IASV,QAAQ;CAQlB"}

package/lib/playback/HTML5Video.js

@@ -1,3 +1,4 @@
+import { PlayerError } from '@clappr/core';
 import { PlaybackErrorCode } from '../playback.types.js';
 import { BasePlayback } from './BasePlayback.js';
 import { trace } from '@gcorevideo/utils';
@@ -5,7 +6,6 @@ const T = 'playback.html5_video';
 const STALL_TIMEOUT = 15000;
 export default class HTML5Video extends BasePlayback {
     stallTimerId = null;
-    statllTimerId = null;
     /**
      * @internal
      */
@@ -45,20 +45,19 @@ export default class HTML5Video extends BasePlayback {
         trace(`${T} _handleBufferingEvents`, {
             networkState: this.el.networkState,
         });
-        if (!this.statllTimerId) {
-            this.statllTimerId = setTimeout(() => {
+        if (!this.stallTimerId) {
+            this.stallTimerId = setTimeout(() => {
                 trace(`${T} _handleBufferingEvents stall timeout`, {
                     buffering: this.buffering,
                     ended: this.ended,
-                    isPlaying: this.isPlaying,
                 });
-                this.statllTimerId = null;
-                if (!this.isPlaying) {
-                    this.createError({
-                        code: PlaybackErrorCode.MediaSourceUnavailable,
-                        message: 'Stall timeout',
-                    });
-                }
+                this.stallTimerId = null;
+                this.createError({
+                    code: PlaybackErrorCode.MediaSourceUnavailable,
+                    level: PlayerError.Levels.FATAL,
+                    message: 'Stall timeout',
+                    description: 'Playback stalled for too long',
+                });
             }, STALL_TIMEOUT);
         }
         super._handleBufferingEvents();
@@ -71,4 +70,12 @@ export default class HTML5Video extends BasePlayback {
         }
         super._onPlaying();
     }
+    _onPause() {
+        trace(`${T} _onPause`);
+        super._onPause();
+        if (this.stallTimerId) {
+            clearTimeout(this.stallTimerId);
+            this.stallTimerId = null;
+        }
+    }
 }

package/package.json

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

package/src/playback/HTML5Video.ts

@@ -1,3 +1,4 @@
+import { PlayerError } from '@clappr/core'
 import { ErrorOptions } from '@clappr/core'
 
 import { PlaybackErrorCode } from '../playback.types.js'
@@ -11,7 +12,6 @@ const STALL_TIMEOUT = 15000
 
 export default class HTML5Video extends BasePlayback {
   private stallTimerId: TimerId | null = null
-  private statllTimerId: NodeJS.Timeout | null = null
 
   /**
    * @internal
@@ -59,20 +59,19 @@ export default class HTML5Video extends BasePlayback {
     trace(`${T} _handleBufferingEvents`, {
       networkState: (this.el as HTMLMediaElement).networkState,
     })
-    if (!this.statllTimerId) {
-      this.statllTimerId = setTimeout(() => {
+    if (!this.stallTimerId) {
+      this.stallTimerId = setTimeout(() => {
         trace(`${T} _handleBufferingEvents stall timeout`, {
           buffering: this.buffering,
           ended: this.ended,
-          isPlaying: this.isPlaying,
         })
-        this.statllTimerId = null
-        if (!this.isPlaying) {
-          this.createError({
-            code: PlaybackErrorCode.MediaSourceUnavailable,
-            message: 'Stall timeout',
-          })
-        }
+        this.stallTimerId = null
+        this.createError({
+          code: PlaybackErrorCode.MediaSourceUnavailable,
+          level: PlayerError.Levels.FATAL,
+          message: 'Stall timeout',
+          description: 'Playback stalled for too long',
+        })
       }, STALL_TIMEOUT)
     }
     super._handleBufferingEvents()
@@ -86,4 +85,13 @@ export default class HTML5Video extends BasePlayback {
     }
     super._onPlaying()
   }
+
+  override _onPause() {
+    trace(`${T} _onPause`)
+    super._onPause()
+    if (this.stallTimerId) {
+      clearTimeout(this.stallTimerId)
+      this.stallTimerId = null
+    }
+  }
 }