@gcorevideo/player 2.20.17 → 2.20.19

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

package/lib/playback/HTML5Video.d.ts

@@ -1,11 +1,15 @@
 import { ErrorOptions } from '@clappr/core';
 import { BasePlayback } from './BasePlayback.js';
 export default class HTML5Video extends BasePlayback {
+    private stallTimerId;
+    private statllTimerId;
     /**
      * @internal
      */
     createError(errorData: any, options?: ErrorOptions): Error;
     _onWaiting(): void;
     _onEnded(): void;
+    _handleBufferingEvents(): void;
+    _onPlaying(): 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;AAKhD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,YAAY;IAClD;;OAEG;IACM,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,YAAY;IAyBlD,UAAU;IAKV,QAAQ;CAIlB"}
+{"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;IAC3C,OAAO,CAAC,aAAa,CAA8B;IAEnD;;OAEG;IACM,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,YAAY;IAyBlD,UAAU;IAKV,QAAQ;IASR,sBAAsB;IAyBtB,UAAU;CAQpB"}

package/lib/playback/HTML5Video.js

@@ -1,8 +1,12 @@
+import { PlayerError } from '@clappr/core';
 import { PlaybackErrorCode } from '../playback.types.js';
 import { BasePlayback } from './BasePlayback.js';
 import { trace } from '@gcorevideo/utils';
 const T = 'playback.html5_video';
+const STALL_TIMEOUT = 15000;
 export default class HTML5Video extends BasePlayback {
+    stallTimerId = null;
+    statllTimerId = null;
     /**
      * @internal
      */
@@ -32,6 +36,42 @@ export default class HTML5Video extends BasePlayback {
     }
     _onEnded() {
         trace(`${T} _onEnded`);
+        if (this.stallTimerId) {
+            clearTimeout(this.stallTimerId);
+            this.stallTimerId = null;
+        }
         super._onEnded();
     }
+    _handleBufferingEvents() {
+        trace(`${T} _handleBufferingEvents`, {
+            networkState: this.el.networkState,
+        });
+        if (!this.statllTimerId) {
+            this.statllTimerId = 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,
+                        level: PlayerError.Levels.FATAL,
+                        message: 'Stall timeout',
+                        description: 'Playback stalled for too long',
+                    });
+                }
+            }, STALL_TIMEOUT);
+        }
+        super._handleBufferingEvents();
+    }
+    _onPlaying() {
+        trace(`${T} _onPlaying`);
+        if (this.stallTimerId) {
+            clearTimeout(this.stallTimerId);
+            this.stallTimerId = null;
+        }
+        super._onPlaying();
+    }
 }

package/package.json

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

package/src/playback/HTML5Video.ts

@@ -1,12 +1,19 @@
+import { PlayerError } from '@clappr/core'
 import { ErrorOptions } from '@clappr/core'
 
 import { PlaybackErrorCode } from '../playback.types.js'
 import { BasePlayback } from './BasePlayback.js'
 import { trace } from '@gcorevideo/utils'
+import { TimerId } from '../utils/types.js'
 
 const T = 'playback.html5_video'
 
+const STALL_TIMEOUT = 15000
+
 export default class HTML5Video extends BasePlayback {
+  private stallTimerId: TimerId | null = null
+  private statllTimerId: NodeJS.Timeout | null = null
+
   /**
    * @internal
    */
@@ -42,6 +49,44 @@ export default class HTML5Video extends BasePlayback {
 
   override _onEnded() {
     trace(`${T} _onEnded`)
+    if (this.stallTimerId) {
+      clearTimeout(this.stallTimerId)
+      this.stallTimerId = null
+    }
     super._onEnded()
   }
+
+  override _handleBufferingEvents() {
+    trace(`${T} _handleBufferingEvents`, {
+      networkState: (this.el as HTMLMediaElement).networkState,
+    })
+    if (!this.statllTimerId) {
+      this.statllTimerId = 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,
+            level: PlayerError.Levels.FATAL,
+            message: 'Stall timeout',
+            description: 'Playback stalled for too long',
+          })
+        }
+      }, STALL_TIMEOUT)
+    }
+    super._handleBufferingEvents()
+  }
+
+  override _onPlaying() {
+    trace(`${T} _onPlaying`)
+    if (this.stallTimerId) {
+      clearTimeout(this.stallTimerId)
+      this.stallTimerId = null
+    }
+    super._onPlaying()
+  }
 }