@byteplus/veplayer-plugin 2.8.0-rc.1 → 2.8.0-rc.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byteplus/veplayer-plugin",
-  "version": "2.8.0-rc.1",
+  "version": "2.8.0-rc.3",
   "main": "./umd/index.production.js",
   "module": "./esm/index.production.js",
   "browser": "./umd/index.production.js",

package/umd/veplayer.plugin.rtm.development.js

@@ -6163,7 +6163,24 @@
   };
   var VideoStallObserver = /* @__PURE__ */ function() {
     function VideoStallObserver2() {
+      var _this = this;
       _classCallCheck$3(this, VideoStallObserver2);
+      _defineProperty$2(this, "_handleVisibilityChange", function() {
+        if (document.visibilityState === "hidden") {
+          _this._framePause();
+        }
+      });
+      _defineProperty$2(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;
@@ -6184,20 +6201,20 @@
     _createClass$3(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() {
@@ -6205,17 +6222,19 @@
           };
         }
         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",
@@ -6233,6 +6252,8 @@
         delete this._prePts;
         this._videoInWaiting100ms = false;
         this._videoInWaiting500ms = false;
+        document.removeEventListener("visibilitychange", this._handleVisibilityChange);
+        document.removeEventListener("pagehide", this._framePause());
       }
     }, {
       key: "destroy",
@@ -6242,7 +6263,7 @@
     }, {
       key: "getStallInfo",
       value: function getStallInfo(_ref) {
-        var _this2 = this;
+        var _this3 = this;
         var interval = _ref.interval, frameRateReceived = _ref.frameRateReceived, frameRateDecoded = _ref.frameRateDecoded, bitrate = _ref.bitrate;
         var stallInfo = {
           pts: 0,
@@ -6256,7 +6277,7 @@
           },
           pauseDuration: this._getPauseDuration()
         };
-        if (this._stallList) {
+        if (this._stallList && document.visibilityState === "visible" && !this._isPaused) {
           var poorNetworkInSafari = (isSafari() || isFirefox()) && (bitrate === 0 || (frameRateDecoded || Infinity) <= 1 || (frameRateReceived || Infinity) <= 1);
           if (poorNetworkInSafari || this._stallList.length === 0) {
             stallInfo.stall.stallDuration500ms = interval;
@@ -6273,27 +6294,27 @@
             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;
@@ -6332,6 +6353,7 @@
       value: function _onVideoPause() {
         this._isPaused = true;
         this._pauseStart = Date.now();
+        this._framePause();
       }
     }, {
       key: "_onVideoPlay",
@@ -6767,7 +6789,6 @@
       });
       _defineProperty$2(_assertThisInitialized$1(_this), "_onLoadedData", function() {
         logger.log("loadeddata emit");
-        _this._startRtcReport();
         _this.getStatsSnapshoot().then(function(snap) {
           _this.emit(EVENT.METADATA_PARSED, {
             type: "video",
@@ -6958,6 +6979,7 @@
               elapsed: Date.now() - _this3._rctConnectStartTs
             });
             _this3._checkStatsError();
+            _this3._startRtcReport();
           }
         });
       }
@@ -7213,6 +7235,7 @@
       key: "_startRtcReport",
       value: function _startRtcReport() {
         var _this6 = this;
+        this._stopRtcReport();
         this._rtcReportTimer = setInterval(/* @__PURE__ */ _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee5() {
           var _yield$Promise$all, _yield$Promise$all2, curAudioStats, curVideoStats, _this6$_audioStallObs, _this6$_videoStallObs, _this6$_networkQualit, _this6$_networkQualit2, audioStats, videoStats, audioStallInfo, videoStallInfo, _ref4, _ref5, quality, qualityInfo, targetDelay;
           return _regeneratorRuntime$1().wrap(function _callee5$(_context5) {
@@ -7502,7 +7525,7 @@
     }, {
       key: "version",
       get: function get() {
-        return "0.2.1-alpha.29";
+        return "0.2.1-alpha.30";
       }
     }, {
       key: "beforePlayerInit",