@volcengine/veplayer-plugin 2.8.0-rc.1 → 2.8.0-rc.2

package/esm/index.development.js

@@ -34864,7 +34864,24 @@ var checkVideoFrameCallback = function checkVideoFrameCallback2() {
 };
 var VideoStallObserver = /* @__PURE__ */ function() {
   function VideoStallObserver2() {
+    var _this = this;
     _classCallCheck$j(this, VideoStallObserver2);
+    _defineProperty$g(this, "_handleVisibilityChange", function() {
+      if (document.visibilityState === "hidden") {
+        _this._framePause();
+      }
+    });
+    _defineProperty$g(this, "_framePause", function() {
+      if (_this._prePts) {
+        var current = performance.now();
+        var delta = current - _this._prePts;
+        _this._stallList.push({
+          playTime: current,
+          timeUpdateInterval: Math.round(delta)
+        });
+        _this._prePts = void 0;
+      }
+    });
     this._removeHandler = void 0;
     this._remotePlayPauseHandler = void 0;
     this._prePts = void 0;
@@ -34885,20 +34902,20 @@ var VideoStallObserver = /* @__PURE__ */ function() {
   _createClass$j(VideoStallObserver2, [{
     key: "start",
     value: function start(player) {
-      var _this = this;
+      var _this2 = this;
       this._player = player;
       if (this._support100msStall) {
         if (player) {
           this._requestVideoFrameCallbackTimer = player.requestVideoFrameCallback(this._onVideoRefresh.bind(this));
           this._removeHandler = function() {
-            if (_this._requestVideoFrameCallbackTimer) {
-              player.cancelVideoFrameCallback(_this._requestVideoFrameCallbackTimer);
+            if (_this2._requestVideoFrameCallbackTimer) {
+              player.cancelVideoFrameCallback(_this2._requestVideoFrameCallbackTimer);
             }
           };
         }
       } else {
         var handle = function handle2() {
-          return _this._onVideoTimeupdate(player);
+          return _this2._onVideoTimeupdate(player);
         };
         player.addEventListener("timeupdate", handle);
         this._removeHandler = function() {
@@ -34906,17 +34923,19 @@ var VideoStallObserver = /* @__PURE__ */ function() {
         };
       }
       var handlePause = function handlePause2() {
-        return _this._onVideoPause();
+        return _this2._onVideoPause();
       };
       player.addEventListener("pause", handlePause);
       var handlePlay = function handlePlay2() {
-        return _this._onVideoPlay();
+        return _this2._onVideoPlay();
       };
       player.addEventListener("play", handlePlay);
       this._remotePlayPauseHandler = function() {
         player.removeEventListener("pause", handlePause);
         player.removeEventListener("play", handlePlay);
       };
+      document.addEventListener("visibilitychange", this._handleVisibilityChange);
+      document.addEventListener("pagehide", this._framePause());
     }
   }, {
     key: "stop",
@@ -34934,6 +34953,8 @@ var VideoStallObserver = /* @__PURE__ */ function() {
       delete this._prePts;
       this._videoInWaiting100ms = false;
       this._videoInWaiting500ms = false;
+      document.removeEventListener("visibilitychange", this._handleVisibilityChange);
+      document.removeEventListener("pagehide", this._framePause());
     }
   }, {
     key: "destroy",
@@ -34943,7 +34964,7 @@ var VideoStallObserver = /* @__PURE__ */ function() {
   }, {
     key: "getStallInfo",
     value: function getStallInfo(_ref6) {
-      var _this2 = this;
+      var _this3 = this;
       var interval = _ref6.interval, frameRateReceived = _ref6.frameRateReceived, frameRateDecoded = _ref6.frameRateDecoded, bitrate = _ref6.bitrate;
       var stallInfo = {
         pts: 0,
@@ -34957,7 +34978,7 @@ var VideoStallObserver = /* @__PURE__ */ function() {
         },
         pauseDuration: this._getPauseDuration()
       };
-      if (this._stallList) {
+      if (this._stallList && document.visibilityState === "visible" && !this._isPaused) {
         var poorNetworkInSafari = (isSafari$1() || isFirefox$2()) && (bitrate === 0 || (frameRateDecoded || Infinity) <= 1 || (frameRateReceived || Infinity) <= 1);
         if (poorNetworkInSafari || this._stallList.length === 0) {
           stallInfo.stall.stallDuration500ms = interval;
@@ -34974,27 +34995,27 @@ var VideoStallObserver = /* @__PURE__ */ function() {
           this._stallList.forEach(function(frameRecord, idx) {
             var timeUpdateInterval = frameRecord.timeUpdateInterval, playTime = frameRecord.playTime;
             var stallDuration = timeUpdateInterval;
-            if (idx === 0 && (_this2._videoInWaiting100ms || _this2._videoInWaiting500ms)) {
+            if (idx === 0 && (_this3._videoInWaiting100ms || _this3._videoInWaiting500ms)) {
               stallDuration = Math.round(timeUpdateInterval % interval);
             }
-            if (timeUpdateInterval > _this2._stallTimeThreshold.stall500ms) {
+            if (timeUpdateInterval > _this3._stallTimeThreshold.stall500ms) {
               stallInfo.stall.stallDuration500ms += stallDuration;
-              if (!_this2._videoInWaiting500ms) {
+              if (!_this3._videoInWaiting500ms) {
                 stallInfo.stall.stallCount500ms++;
               }
-              _this2._videoInWaiting500ms = true;
+              _this3._videoInWaiting500ms = true;
             } else {
-              _this2._videoInWaiting500ms = false;
+              _this3._videoInWaiting500ms = false;
             }
-            if (_this2._support100msStall) {
-              if (timeUpdateInterval > _this2._stallTimeThreshold.stall100ms) {
+            if (_this3._support100msStall) {
+              if (timeUpdateInterval > _this3._stallTimeThreshold.stall100ms) {
                 stallInfo.stall.stallDuration100ms += stallDuration;
-                if (!_this2._videoInWaiting100ms) {
+                if (!_this3._videoInWaiting100ms) {
                   stallInfo.stall.stallCount100ms++;
                 }
-                _this2._videoInWaiting100ms = true;
+                _this3._videoInWaiting100ms = true;
               } else {
-                _this2._videoInWaiting100ms = false;
+                _this3._videoInWaiting100ms = false;
               }
             }
             stallInfo.pts = playTime;
@@ -35033,6 +35054,7 @@ var VideoStallObserver = /* @__PURE__ */ function() {
     value: function _onVideoPause() {
       this._isPaused = true;
       this._pauseStart = Date.now();
+      this._framePause();
     }
   }, {
     key: "_onVideoPlay",
@@ -35468,7 +35490,6 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     });
     _defineProperty$g(_assertThisInitialized$e(_this), "_onLoadedData", function() {
       logger$a.log("loadeddata emit");
-      _this._startRtcReport();
       _this.getStatsSnapshoot().then(function(snap) {
         _this.emit(EVENT$2.METADATA_PARSED, {
           type: "video",
@@ -35659,6 +35680,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
             elapsed: Date.now() - _this3._rctConnectStartTs
           });
           _this3._checkStatsError();
+          _this3._startRtcReport();
         }
       });
     }
@@ -35914,6 +35936,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     key: "_startRtcReport",
     value: function _startRtcReport() {
       var _this6 = this;
+      this._stopRtcReport();
       this._rtcReportTimer = setInterval(/* @__PURE__ */ _asyncToGenerator$a(/* @__PURE__ */ _regeneratorRuntime$a().mark(function _callee5() {
         var _yield$Promise$all, _yield$Promise$all2, curAudioStats, curVideoStats, _this6$_audioStallObs, _this6$_videoStallObs, _this6$_networkQualit, _this6$_networkQualit2, audioStats, videoStats, audioStallInfo, videoStallInfo, _ref42, _ref52, quality, qualityInfo, targetDelay;
         return _regeneratorRuntime$a().wrap(function _callee5$(_context5) {
@@ -36203,7 +36226,7 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     key: "version",
     get: function get4() {
-      return "0.2.1-alpha.29";
+      return "0.2.1-alpha.30";
     }
   }, {
     key: "beforePlayerInit",