@volcengine/veplayer-plugin 2.10.2-rc.0 → 2.10.2

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

@@ -1753,6 +1753,7 @@ var Errors = /* @__PURE__ */ _createClass$2(
 var PLAY = "play";
 var PAUSE = "pause";
 var ERROR = "error";
+var CANPLAY = "canplay";
 var DESTROY = "destroy";
 var URL_CHANGE = "urlchange";
 function callHandler(obj, handler, next) {
@@ -2181,6 +2182,37 @@ var BasePlugin = /* @__PURE__ */ function() {
   }]);
   return BasePlugin2;
 }();
+var STATE_CLASS = {
+  DEFAULT: "xgplayer",
+  DEFAULT_SKIN: "xgplayer-skin-default",
+  ENTER: "xgplayer-is-enter",
+  PAUSED: "xgplayer-pause",
+  PLAYING: "xgplayer-playing",
+  ENDED: "xgplayer-ended",
+  CANPLAY: "xgplayer-canplay",
+  LOADING: "xgplayer-isloading",
+  ERROR: "xgplayer-is-error",
+  REPLAY: "xgplayer-replay",
+  NO_START: "xgplayer-nostart",
+  ACTIVE: "xgplayer-active",
+  INACTIVE: "xgplayer-inactive",
+  FULLSCREEN: "xgplayer-is-fullscreen",
+  CSS_FULLSCREEN: "xgplayer-is-cssfullscreen",
+  ROTATE_FULLSCREEN: "xgplayer-rotate-fullscreen",
+  PARENT_ROTATE_FULLSCREEN: "xgplayer-rotate-parent",
+  PARENT_FULLSCREEN: "xgplayer-fullscreen-parent",
+  INNER_FULLSCREEN: "xgplayer-fullscreen-inner",
+  NO_CONTROLS: "no-controls",
+  FLEX_CONTROLS: "flex-controls",
+  CONTROLS_FOLLOW: "controls-follow",
+  CONTROLS_AUTOHIDE: "controls-autohide",
+  TOP_BAR_AUTOHIDE: "top-bar-autohide",
+  NOT_ALLOW_AUTOPLAY: "not-allow-autoplay",
+  SEEKING: "seeking",
+  PC: "xgplayer-pc",
+  MOBILE: "xgplayer-mobile",
+  MINI: "xgplayer-mini"
+};
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -6695,7 +6727,7 @@ function diffRecvVideoStats(oldStats, newStats) {
     width: newStats.width || 0,
     height: newStats.height || 0,
     estimatedPlayoutTimestamp: newStats.estimatedPlayoutTimestamp,
-    videoLossRate: +(packetsLostDiff / (diffNumber(oldStats, newStats, "packetsReceived") + packetsLostDiff)),
+    videoLossRate: +(packetsLostDiff / (diffNumber(oldStats, newStats, "packetsReceived") + packetsLostDiff)).toFixed(2),
     receivedKBitrate: +(diffNumber(oldStats, newStats, "bytesReceived") * 8 / statsInterval).toFixed(2),
     decoderOutputFrameRate: Math.round(diffNumber(oldStats, newStats, "framesDecoded") * 1e3 / statsInterval),
     receivedFrameRate: Math.round(diffNumber(oldStats, newStats, "framesReceived") * 1e3 / statsInterval),
@@ -6877,13 +6909,22 @@ var FirstFrameObserver = /* @__PURE__ */ function() {
       }
     };
     this._handlePlaying = function() {
+      if (!_this._state[RTC_FIRST_FRAME_STATE.PEER_CONNECTED]) {
+        return;
+      }
       _this.changeFirstFrameState(RTC_FIRST_FRAME_STATE.VIDEO_PLAYING);
       _this.reset();
     };
     this._handleCanplay = function() {
+      if (!_this._state[RTC_FIRST_FRAME_STATE.PEER_CONNECTED]) {
+        return;
+      }
       _this.changeFirstFrameState(RTC_FIRST_FRAME_STATE.VIDEO_CANPLAY);
     };
     this._handleLoadeddata = function() {
+      if (!_this._state[RTC_FIRST_FRAME_STATE.PEER_CONNECTED]) {
+        return;
+      }
       _this.changeFirstFrameState(RTC_FIRST_FRAME_STATE.VIDEO_LOADEDDATA);
     };
     this._handleError = function() {
@@ -6950,6 +6991,7 @@ var FirstFrameObserver = /* @__PURE__ */ function() {
       var hasFrameDecoded = false;
       this._cancelWatchForFirstVideoFrameRecv();
       this._firstVideoFrameInterval = window.setInterval(/* @__PURE__ */ _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee() {
+        var _inboundRtpStats, _inboundRtpStats2, _inboundRtpStats3;
         var receiver, reports, inboundRtpStats;
         return _regeneratorRuntime$1().wrap(function _callee$(_context) {
           while (1)
@@ -6965,15 +7007,15 @@ var FirstFrameObserver = /* @__PURE__ */ function() {
                     inboundRtpStats = report;
                   }
                 });
-                if (!hasPacketsReceived && inboundRtpStats.packetsReceived > 0) {
+                if (!hasPacketsReceived && (_inboundRtpStats = inboundRtpStats) !== null && _inboundRtpStats !== void 0 && _inboundRtpStats.packetsReceived && inboundRtpStats.packetsReceived > 0) {
                   hasPacketsReceived = true;
                   _this4.changeFirstFrameState(RTC_FIRST_FRAME_STATE.FIRST_PACKET_RECV);
                 }
-                if (!hasFrameReceived && inboundRtpStats.framesReceived > 0) {
+                if (!hasFrameReceived && (_inboundRtpStats2 = inboundRtpStats) !== null && _inboundRtpStats2 !== void 0 && _inboundRtpStats2.framesReceived && inboundRtpStats.framesReceived > 0) {
                   hasFrameReceived = true;
                   _this4.changeFirstFrameState(RTC_FIRST_FRAME_STATE.FIRST_FRAME_RECV);
                 }
-                if (!hasFrameDecoded && inboundRtpStats.framesDecoded > 0) {
+                if (!hasFrameDecoded && (_inboundRtpStats3 = inboundRtpStats) !== null && _inboundRtpStats3 !== void 0 && _inboundRtpStats3.framesDecoded && inboundRtpStats.framesDecoded > 0) {
                   hasFrameDecoded = true;
                   _this4.changeFirstFrameState(RTC_FIRST_FRAME_STATE.FIRST_FRAME_DECODED);
                   _this4._cancelWatchForFirstVideoFrameRecv();
@@ -6993,103 +7035,84 @@ var FirstFrameObserver = /* @__PURE__ */ function() {
         this._firstVideoFrameInterval = null;
       }
     }
-  }, {
-    key: "_getTransportInfo",
-    value: function() {
-      var _getTransportInfo2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee2() {
-        var _this$_videoTransceiv, _this$_videoTransceiv2;
-        var reports, candidatePairStats, localCandidateStats, remoteCandidateStats;
-        return _regeneratorRuntime$1().wrap(function _callee2$(_context2) {
-          while (1)
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return (_this$_videoTransceiv = this._videoTransceiver) === null || _this$_videoTransceiv === void 0 ? void 0 : (_this$_videoTransceiv2 = _this$_videoTransceiv.receiver) === null || _this$_videoTransceiv2 === void 0 ? void 0 : _this$_videoTransceiv2.getStats();
-              case 2:
-                reports = _context2.sent;
-                reports === null || reports === void 0 ? void 0 : reports.forEach(function(report) {
-                  if (report.type === "candidate-pair") {
-                    candidatePairStats = report;
-                    localCandidateStats = reports.get(report.localCandidateId);
-                    remoteCandidateStats = reports.get(report.remoteCandidateId);
-                  }
-                });
-                if (remoteCandidateStats) {
-                  this._extraInfo.remote_ip = remoteCandidateStats.ip || remoteCandidateStats.address;
-                  this._extraInfo.remote_port = remoteCandidateStats.port;
-                  this._extraInfo.remote_candidate_type = remoteCandidateStats.candidateType;
-                  this._extraInfo.protocol = remoteCandidateStats.protocol;
-                }
-                if (localCandidateStats) {
-                  this._extraInfo.local_ip = localCandidateStats.ip || localCandidateStats.address;
-                  this._extraInfo.local_port = localCandidateStats.port;
-                  this._extraInfo.local_candidate_type = localCandidateStats.candidateType;
-                }
-                if (candidatePairStats) {
-                  this._extraInfo.rtt = candidatePairStats.currentRoundTripTime;
-                  this._extraInfo.stun_requests_sent = candidatePairStats.requestsSent;
-                  this._extraInfo.stun_requests_received = candidatePairStats.requestsReceived;
-                  this._extraInfo.stun_responses_sent = candidatePairStats.responsesSent;
-                  this._extraInfo.stun_responses_received = candidatePairStats.responsesReceived;
-                }
-              case 7:
-              case "end":
-                return _context2.stop();
-            }
-        }, _callee2, this);
-      }));
-      function _getTransportInfo() {
-        return _getTransportInfo2.apply(this, arguments);
-      }
-      return _getTransportInfo;
-    }()
   }, {
     key: "reset",
-    value: function() {
-      var _reset = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee3() {
-        var _this$_video, _this$_video2, _this$_video3, _this$_video4, _this$_pc3, _this$_pc4;
-        return _regeneratorRuntime$1().wrap(function _callee3$(_context3) {
-          while (1)
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                if (!(Object.keys(this._state).length > 0)) {
-                  _context3.next = 4;
-                  break;
-                }
-                _context3.next = 3;
-                return this._getTransportInfo();
-              case 3:
-                this._emitFirstFrameState(this._state, this._extraInfo);
-              case 4:
-                this._preState = null;
-                this._extraInfo = {
-                  is_preload: false
-                };
-                this._state = {};
-                (_this$_video = this._video) === null || _this$_video === void 0 ? void 0 : _this$_video.removeEventListener("playing", this._handlePlaying);
-                (_this$_video2 = this._video) === null || _this$_video2 === void 0 ? void 0 : _this$_video2.removeEventListener("canplay", this._handleCanplay);
-                (_this$_video3 = this._video) === null || _this$_video3 === void 0 ? void 0 : _this$_video3.removeEventListener("loadeddata", this._handleLoadeddata);
-                (_this$_video4 = this._video) === null || _this$_video4 === void 0 ? void 0 : _this$_video4.removeEventListener("error", this._handleError);
-                (_this$_pc3 = this._pc) === null || _this$_pc3 === void 0 ? void 0 : _this$_pc3.removeEventListener("connectionstatechange", this._handleConnectionStateChange);
-                (_this$_pc4 = this._pc) === null || _this$_pc4 === void 0 ? void 0 : _this$_pc4.removeEventListener("iceconnectionstatechange", this._handleICEConnectionStateChange);
-                this._cancelWatchForFirstVideoFrameRecv();
-                this._pc = null;
-                this._video = null;
-                this._videoTransceiver = null;
-              case 17:
-              case "end":
-                return _context3.stop();
-            }
-        }, _callee3, this);
-      }));
-      function reset() {
-        return _reset.apply(this, arguments);
+    value: function reset() {
+      var _this5 = this, _this$_video, _this$_video2, _this$_video3, _this$_video4, _this$_pc3, _this$_pc4;
+      if (Object.keys(this._state).length > 0) {
+        var state = _objectSpread2$2({}, this._state);
+        var extraInfo = _objectSpread2$2({}, this._extraInfo);
+        getTransportInfo(this._videoTransceiver, extraInfo).then(function() {
+          _this5._emitFirstFrameState(state, extraInfo);
+        });
       }
-      return reset;
-    }()
+      this._preState = null;
+      this._extraInfo = {
+        is_preload: false
+      };
+      this._state = {};
+      (_this$_video = this._video) === null || _this$_video === void 0 ? void 0 : _this$_video.removeEventListener("playing", this._handlePlaying);
+      (_this$_video2 = this._video) === null || _this$_video2 === void 0 ? void 0 : _this$_video2.removeEventListener("canplay", this._handleCanplay);
+      (_this$_video3 = this._video) === null || _this$_video3 === void 0 ? void 0 : _this$_video3.removeEventListener("loadeddata", this._handleLoadeddata);
+      (_this$_video4 = this._video) === null || _this$_video4 === void 0 ? void 0 : _this$_video4.removeEventListener("error", this._handleError);
+      (_this$_pc3 = this._pc) === null || _this$_pc3 === void 0 ? void 0 : _this$_pc3.removeEventListener("connectionstatechange", this._handleConnectionStateChange);
+      (_this$_pc4 = this._pc) === null || _this$_pc4 === void 0 ? void 0 : _this$_pc4.removeEventListener("iceconnectionstatechange", this._handleICEConnectionStateChange);
+      this._cancelWatchForFirstVideoFrameRecv();
+      this._pc = null;
+      this._video = null;
+      this._videoTransceiver = null;
+    }
   }]);
   return FirstFrameObserver2;
 }();
+var getTransportInfo = /* @__PURE__ */ function() {
+  var _ref4 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee2(videoTransceiver, extraInfo) {
+    var _videoTransceiver$rec;
+    var reports, candidatePairStats, localCandidateStats, remoteCandidateStats;
+    return _regeneratorRuntime$1().wrap(function _callee2$(_context2) {
+      while (1)
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return videoTransceiver === null || videoTransceiver === void 0 ? void 0 : (_videoTransceiver$rec = videoTransceiver.receiver) === null || _videoTransceiver$rec === void 0 ? void 0 : _videoTransceiver$rec.getStats().catch(function() {
+            });
+          case 2:
+            reports = _context2.sent;
+            reports === null || reports === void 0 ? void 0 : reports.forEach(function(report) {
+              if (report.type === "candidate-pair") {
+                candidatePairStats = report;
+                localCandidateStats = reports.get(report.localCandidateId);
+                remoteCandidateStats = reports.get(report.remoteCandidateId);
+              }
+            });
+            if (remoteCandidateStats) {
+              extraInfo.remote_ip = remoteCandidateStats.ip || remoteCandidateStats.address;
+              extraInfo.remote_port = remoteCandidateStats.port;
+              extraInfo.remote_candidate_type = remoteCandidateStats.candidateType;
+              extraInfo.protocol = remoteCandidateStats.protocol;
+            }
+            if (localCandidateStats) {
+              extraInfo.local_ip = localCandidateStats.ip || localCandidateStats.address;
+              extraInfo.local_port = localCandidateStats.port;
+              extraInfo.local_candidate_type = localCandidateStats.candidateType;
+            }
+            if (candidatePairStats) {
+              extraInfo.rtt = candidatePairStats.currentRoundTripTime;
+              extraInfo.stun_requests_sent = candidatePairStats.requestsSent;
+              extraInfo.stun_requests_received = candidatePairStats.requestsReceived;
+              extraInfo.stun_responses_sent = candidatePairStats.responsesSent;
+              extraInfo.stun_responses_received = candidatePairStats.responsesReceived;
+            }
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+    }, _callee2);
+  }));
+  return function getTransportInfo2(_x, _x2) {
+    return _ref4.apply(this, arguments);
+  };
+}();
 function changeNumberInRange(source, min, max, delta) {
   var target = source + delta;
   if (target > max) {
@@ -7153,6 +7176,58 @@ function isHeyTapBrowser() {
 function isVivoBrowser() {
   return /(VivoBrowser)/i.test(navigator.userAgent);
 }
+var VideoFrameRecvCallback = /* @__PURE__ */ function() {
+  function VideoFrameRecvCallback2() {
+    var _this = this;
+    _classCallCheck$3(this, VideoFrameRecvCallback2);
+    this._onVideoRefresh = function(_, data) {
+      var _this$_domElement;
+      _this._recentVideoInfo = data;
+      _this._requestVideoFrameCallbackTimer = (_this$_domElement = _this._domElement) === null || _this$_domElement === void 0 ? void 0 : _this$_domElement.requestVideoFrameCallback(_this._onVideoRefresh);
+    };
+  }
+  _createClass$3(VideoFrameRecvCallback2, [{
+    key: "start",
+    value: function start(domElement) {
+      var _this2 = this;
+      this._domElement = domElement;
+      if (typeof HTMLVideoElement.prototype.requestVideoFrameCallback === "function") {
+        if (domElement) {
+          this._requestVideoFrameCallbackTimer = domElement.requestVideoFrameCallback(this._onVideoRefresh.bind(this));
+          this._removeHandler = function() {
+            _this2._requestVideoFrameCallbackTimer && (domElement === null || domElement === void 0 ? void 0 : domElement.cancelVideoFrameCallback(_this2._requestVideoFrameCallbackTimer));
+          };
+        }
+      }
+    }
+  }, {
+    key: "stop",
+    value: function stop() {
+      var _this$_removeHandler;
+      delete this._recentVideoInfo;
+      delete this._domElement;
+      (_this$_removeHandler = this._removeHandler) === null || _this$_removeHandler === void 0 ? void 0 : _this$_removeHandler.call(this);
+      delete this._removeHandler;
+    }
+  }, {
+    key: "getRecentRenderInfo4Report",
+    value: function getRecentRenderInfo4Report() {
+      var _this3 = this;
+      var obj = {};
+      if (this._recentVideoInfo) {
+        Object.keys(this._recentVideoInfo).forEach(function(k) {
+          var _this3$_recentVideoIn;
+          var key = k.replace(/[a-z]{1}[A-Z]{1}/g, function(e) {
+            return "".concat(e[0], "_").concat(e[1].toLowerCase());
+          });
+          obj["video_".concat(key)] = (_this3$_recentVideoIn = _this3._recentVideoInfo) === null || _this3$_recentVideoIn === void 0 ? void 0 : _this3$_recentVideoIn[k];
+        });
+      }
+      return obj;
+    }
+  }]);
+  return VideoFrameRecvCallback2;
+}();
 var logger = new Logger("rts");
 var Rts = /* @__PURE__ */ function(_EventEmitter) {
   _inherits$1(Rts2, _EventEmitter);
@@ -7516,7 +7591,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "load",
     value: function() {
-      var _load = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee6(url) {
+      var _load = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee6(url, failureReason) {
         var _this2 = this;
         var lastPc, answerSdp, errorStr, preloadPromise, info, encodedTransformSupported;
         return _regeneratorRuntime$1().wrap(function _callee6$(_context6) {
@@ -7524,7 +7599,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
             switch (_context6.prev = _context6.next) {
               case 0:
                 logger.log("load()", 'invoked, url: "'.concat(url, '"'));
-                this._disconnect();
+                this._disconnect(failureReason || "invoke load");
                 this._url = url;
                 lastPc = this._pc;
                 if (!this._opts.hackCreateOfferIssue) {
@@ -7537,7 +7612,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                 _context6.prev = 7;
                 this._firstFrameObserver.start();
                 if (!this._preloadPromise) {
-                  _context6.next = 39;
+                  _context6.next = 38;
                   break;
                 }
                 logger.log("load()", "in preload process...");
@@ -7571,51 +7646,50 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                   this.initVideoEncodedTransform();
                   this.initAudioEncodedTransform();
                 }
-                _context6.next = 37;
+                _context6.next = 36;
                 break;
               case 31:
                 _context6.prev = 31;
                 _context6.t0 = _context6["catch"](11);
                 logger.warn("load()", "preload failed, ".concat(_context6.t0.message || _context6.t0.toString()));
-                this._firstFrameObserver.setFailureReason(_context6.t0.message || _context6.t0.toString());
-                this.load(url);
+                this.load(url, _context6.t0.message || _context6.t0.toString());
                 return _context6.abrupt("return");
-              case 37:
-                _context6.next = 45;
+              case 36:
+                _context6.next = 44;
                 break;
-              case 39:
+              case 38:
                 encodedTransformSupported = isLegacyEncodedTransformSupported();
                 logger.log("load()", "isLegacyEncodedTransformSupported: ".concat(encodedTransformSupported));
                 this._pc = new RTCPeerConnection({
                   encodedInsertableStreams: encodedTransformSupported && this._opts.enableSei ? true : void 0
                 });
-                _context6.next = 44;
+                _context6.next = 43;
                 return this._getAnswerSdp(this._pc);
-              case 44:
+              case 43:
                 answerSdp = _context6.sent;
-              case 45:
+              case 44:
                 this._bindRTCEvents(this._pc);
-                _context6.next = 48;
+                _context6.next = 47;
                 return this._handleAnswerSdp(this._pc, answerSdp);
-              case 48:
+              case 47:
                 if (lastPc) {
                   lastPc.close();
                 }
-                _context6.next = 54;
+                _context6.next = 53;
                 break;
-              case 51:
-                _context6.prev = 51;
+              case 50:
+                _context6.prev = 50;
                 _context6.t1 = _context6["catch"](7);
                 setTimeout(function() {
                   return _this2._emitError(StreamingError.create(ERR.OTHER, null, _context6.t1));
                 });
-              case 54:
+              case 53:
               case "end":
                 return _context6.stop();
             }
-        }, _callee6, this, [[7, 51], [11, 31]]);
+        }, _callee6, this, [[7, 50], [11, 31]]);
       }));
-      function load(_x2) {
+      function load(_x2, _x3) {
         return _load.apply(this, arguments);
       }
       return load;
@@ -7624,7 +7698,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     key: "switchURL",
     value: function switchURL(url) {
       logger.log("switchURL()", 'invoked, url: "'.concat(url, '"'));
-      this.load(url || this._url);
+      this.load(url || this._url, "invoke switchURL");
     }
   }, {
     key: "_bindRTCEvents",
@@ -7648,7 +7722,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
             return;
           }
           _this3._retry--;
-          _this3.load(_this3._url);
+          _this3.load(_this3._url, "rtc connect failed");
         }
         if (pc.connectionState === "connected") {
           _this3._handleMediaStream();
@@ -7903,7 +7977,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
             }
         }, _callee7, this, [[26, 51]]);
       }));
-      function _getAnswerSdp(_x3) {
+      function _getAnswerSdp(_x4) {
         return _getAnswerSdp2.apply(this, arguments);
       }
       return _getAnswerSdp;
@@ -7967,7 +8041,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
             }
         }, _callee8, this);
       }));
-      function _handleAnswerSdp(_x4, _x5) {
+      function _handleAnswerSdp(_x5, _x6) {
         return _handleAnswerSdp2.apply(this, arguments);
       }
       return _handleAnswerSdp;
@@ -8001,7 +8075,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
       var report = /* @__PURE__ */ function() {
         var _ref5 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee9() {
           var _this7$_audioTranscei, _this7$_videoTranscei;
-          var _yield$Promise$all3, _yield$Promise$all4, curAudioStats, curVideoStats, _this7$_audioStallObs, _this7$_videoStallObs, _this7$_networkQualit, _this7$_networkQualit2, _this7$_media, _this7$_media2, audioStats, videoStats, audioStallInfo, videoStallInfo, _ref6, _ref7, quality, qualityInfo, av_sync_diff;
+          var _this7$_frameRecvCall, _yield$Promise$all3, _yield$Promise$all4, curAudioStats, curVideoStats, _this7$_audioStallObs, _this7$_videoStallObs, _this7$_networkQualit, _this7$_networkQualit2, _this7$_media, _this7$_media2, _this7$_media3, _this7$_media4, _this7$_media5, _this7$_media6, _this7$_frameRecvCall2, audioStats, videoStats, audioStallInfo, videoStallInfo, _ref6, _ref7, quality, qualityInfo, av_sync_diff;
           return _regeneratorRuntime$1().wrap(function _callee9$(_context9) {
             while (1)
               switch (_context9.prev = _context9.next) {
@@ -8022,35 +8096,39 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                     _this7._videoStallObserver = new VideoStallObserver();
                     _this7._videoStallObserver.start(_this7._media);
                   }
+                  if (!_this7._frameRecvCallback && _this7._media) {
+                    _this7._frameRecvCallback = new VideoFrameRecvCallback();
+                    (_this7$_frameRecvCall = _this7._frameRecvCallback) === null || _this7$_frameRecvCall === void 0 ? void 0 : _this7$_frameRecvCall.start(_this7._media);
+                  }
                   if (_this7._pc && !_this7._networkQuality && _this7._opts.enableNetworkQuality && _this7._opts.networkQuality) {
                     _this7._networkQuality = new NetworkQuality(_this7._pc, _this7._opts.networkQuality);
                   }
-                  _context9.next = 9;
+                  _context9.next = 10;
                   return Promise.all([getRecvAudioStats(_this7._audioTransceicer.receiver.getStats()), getRecvVideoStats(_this7._videoTransceicer.receiver.getStats())]);
-                case 9:
+                case 10:
                   _yield$Promise$all3 = _context9.sent;
                   _yield$Promise$all4 = _slicedToArray(_yield$Promise$all3, 2);
                   curAudioStats = _yield$Promise$all4[0];
                   curVideoStats = _yield$Promise$all4[1];
                   if (!(_this7._preAudioStats && _this7._preVideoStats)) {
-                    _context9.next = 27;
+                    _context9.next = 28;
                     break;
                   }
                   audioStats = diffRecvAudioStats(_this7._preAudioStats, curAudioStats);
                   videoStats = diffRecvVideoStats(_this7._preVideoStats, curVideoStats);
                   _this7._videoJitterBufferDelay = videoStats.jitterBufferDelay;
-                  _context9.next = 19;
+                  _context9.next = 20;
                   return (_this7$_audioStallObs = _this7._audioStallObserver) === null || _this7$_audioStallObs === void 0 ? void 0 : _this7$_audioStallObs.getAudioStallInfo();
-                case 19:
+                case 20:
                   audioStallInfo = _context9.sent;
-                  _context9.next = 22;
+                  _context9.next = 23;
                   return (_this7$_videoStallObs = _this7._videoStallObserver) === null || _this7$_videoStallObs === void 0 ? void 0 : _this7$_videoStallObs.getStallInfo({
                     interval: videoStats.statsInterval,
                     frameRateReceived: videoStats.receivedFrameRate,
                     frameRateDecoded: videoStats.decoderOutputFrameRate,
                     bitrate: videoStats.receivedKBitrate
                   });
-                case 22:
+                case 23:
                   videoStallInfo = _context9.sent;
                   _ref6 = (_this7$_networkQualit = (_this7$_networkQualit2 = _this7._networkQuality) === null || _this7$_networkQualit2 === void 0 ? void 0 : _this7$_networkQualit2.getDownlinkQuality(_objectSpread2$2(_objectSpread2$2({}, audioStats), {}, {
                     stallDuration: (audioStallInfo === null || audioStallInfo === void 0 ? void 0 : audioStallInfo.stallDuration) || 0
@@ -8063,7 +8141,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                   if (videoStats.estimatedPlayoutTimestamp && audioStats.estimatedPlayoutTimestamp) {
                     av_sync_diff = videoStats.estimatedPlayoutTimestamp - audioStats.estimatedPlayoutTimestamp;
                   }
-                  _this7.emit(EXTEND_EVENTS.RTC_NETWORK, {
+                  _this7.emit(EXTEND_EVENTS.RTC_NETWORK, _objectSpread2$2({
                     interval: videoStats.statsInterval,
                     network_quality: quality,
                     audio_stall_duration: audioStallInfo === null || audioStallInfo === void 0 ? void 0 : audioStallInfo.stallDuration,
@@ -8096,13 +8174,23 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                     set_delay_error: _this7._setDelayError || null,
                     video_width: ((_this7$_media = _this7._media) === null || _this7$_media === void 0 ? void 0 : _this7$_media.videoWidth) || 0,
                     video_height: ((_this7$_media2 = _this7._media) === null || _this7$_media2 === void 0 ? void 0 : _this7$_media2.videoHeight) || 0,
-                    abr_state: videoStats.abrState || "none"
-                  });
-                case 27:
+                    abr_state: videoStats.abrState || "none",
+                    recv_frame_rate: videoStats.receivedFrameRate,
+                    decode_frame_rate: videoStats.decoderOutputFrameRate,
+                    pli: videoStats.pliCount,
+                    drop_frame_rate: videoStats.framesDropped,
+                    audio_packets_received: audioStats.packetsReceived,
+                    video_packets_received: videoStats.packetsReceived,
+                    video_muted: (_this7$_media3 = _this7._media) === null || _this7$_media3 === void 0 ? void 0 : _this7$_media3.muted,
+                    video_paused: (_this7$_media4 = _this7._media) === null || _this7$_media4 === void 0 ? void 0 : _this7$_media4.paused,
+                    video_volume: (_this7$_media5 = _this7._media) === null || _this7$_media5 === void 0 ? void 0 : _this7$_media5.volume,
+                    video_current_time: (_this7$_media6 = _this7._media) === null || _this7$_media6 === void 0 ? void 0 : _this7$_media6.currentTime
+                  }, ((_this7$_frameRecvCall2 = _this7._frameRecvCallback) === null || _this7$_frameRecvCall2 === void 0 ? void 0 : _this7$_frameRecvCall2.getRecentRenderInfo4Report()) || {}));
+                case 28:
                   _this7._preAudioStats = curAudioStats;
                   _this7._preVideoStats = curVideoStats;
                   _this7._setDelayError = null;
-                case 30:
+                case 31:
                 case "end":
                   return _context9.stop();
               }
@@ -8153,9 +8241,11 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "_stopRtcReport",
     value: function _stopRtcReport() {
-      var _this$_audioStallObse, _this$_videoStallObse, _this$_networkQuality;
+      var _this$_audioStallObse, _this$_videoStallObse, _this$_frameRecvCallb, _this$_networkQuality;
       (_this$_audioStallObse = this._audioStallObserver) === null || _this$_audioStallObse === void 0 ? void 0 : _this$_audioStallObse.destroy();
       (_this$_videoStallObse = this._videoStallObserver) === null || _this$_videoStallObse === void 0 ? void 0 : _this$_videoStallObse.destroy();
+      (_this$_frameRecvCallb = this._frameRecvCallback) === null || _this$_frameRecvCallb === void 0 ? void 0 : _this$_frameRecvCallb.stop();
+      delete this._frameRecvCallback;
       (_this$_networkQuality = this._networkQuality) === null || _this$_networkQuality === void 0 ? void 0 : _this$_networkQuality.destroy();
       delete this._audioStallObserver;
       delete this._videoStallObserver;
@@ -8179,23 +8269,34 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     }
   }, {
     key: "_disconnect",
-    value: function _disconnect() {
+    value: function _disconnect(reason) {
       var _this$_loader2, _this$_networkEvaluat2;
       this._clearDelay();
+      this._clearMediaSrc();
       (_this$_loader2 = this._loader) === null || _this$_loader2 === void 0 ? void 0 : _this$_loader2.cancel();
       (_this$_networkEvaluat2 = this._networkEvaluate) === null || _this$_networkEvaluat2 === void 0 ? void 0 : _this$_networkEvaluat2.destroy();
       this._stopRtcReport();
       clearTimeout(this._checkStatsErrorTimer);
       this._clearPeerStateTimeout();
+      this._firstFrameObserver.setFailureReason(reason);
       this._firstFrameObserver.reset();
       this._audioTransceicer = null;
       this._videoTransceicer = null;
       this._mediaStream = null;
     }
+  }, {
+    key: "_clearMediaSrc",
+    value: function _clearMediaSrc() {
+      if (this._media) {
+        this._media.srcObject = null;
+        this._media.removeAttribute("src");
+      }
+    }
   }, {
     key: "_emitError",
     value: function _emitError(error) {
       var _error$originError;
+      logger.warn(error);
       this._clearDelay();
       this._firstFrameObserver.setFailureReason((error === null || error === void 0 ? void 0 : (_error$originError = error.originError) === null || _error$originError === void 0 ? void 0 : _error$originError.message) || (error === null || error === void 0 ? void 0 : error.originError) || error);
       this._firstFrameObserver.reset();
@@ -8204,10 +8305,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
       this._clearPeerStateTimeout();
       if (this._pc) {
         this._pc.close();
-        if (this._media) {
-          this._media.srcObject = null;
-          this._media.removeAttribute("src");
-        }
+        this._clearMediaSrc();
       }
     }
   }, {
@@ -8309,7 +8407,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     key: "destroy",
     value: function destroy(keepClearMediaStream) {
       var _this$_revertVolumeWo, _this$_media3;
-      this._disconnect();
+      this._disconnect("invoke destroy");
       (_this$_revertVolumeWo = this._revertVolumeWorkaround) === null || _this$_revertVolumeWo === void 0 ? void 0 : _this$_revertVolumeWo.call(this);
       delete this._revertVolumeWorkaround;
       (_this$_media3 = this._media) === null || _this$_media3 === void 0 ? void 0 : _this$_media3.removeEventListener("timeupdate", this._mockWaitingByTimeupdate);
@@ -8394,7 +8492,9 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
       _this._rts.load(config.url);
     };
     _this._onSwitchURL = function(url) {
-      if (url) {
+      if (url.startsWith("blob:") || url === "") {
+        url = _this.player.config.url;
+      } else if (url) {
         _this.player.config.url = url;
       }
       if (_this._rts) {
@@ -8403,9 +8503,20 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
         _this._reInit();
       }
     };
+    _this.__retry = function() {
+      _this.player.removeClass(STATE_CLASS.ERROR);
+      _this.player.addClass(STATE_CLASS.LOADING);
+      runHooks(_assertThisInitialized$1(_this), "retry", function() {
+        _this.player.src = "";
+        _this.player.once(CANPLAY, function() {
+          _this.player.mediaPlay();
+        });
+      });
+    };
     _this.destroy = function() {
       var _this$_rts3;
       _this.player.switchURL = _this._originSwitchFn;
+      _this.player.retry = _this._originRetry;
       _this._clearDisconnectTimer();
       (_this$_rts3 = _this._rts) === null || _this$_rts3 === void 0 ? void 0 : _this$_rts3.destroy();
       _this._rts = null;
@@ -8450,7 +8561,7 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     key: "version",
     get: function get() {
-      return "0.2.1-alpha.51";
+      return "0.2.1-alpha.53";
     }
   }, {
     key: "beforePlayerInit",
@@ -8461,7 +8572,12 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
         var _this$player$switchUR;
         this._originSwitchFn = (_this$player$switchUR = this.player.switchURL) === null || _this$player$switchUR === void 0 ? void 0 : _this$player$switchUR.bind(this.player);
       }
+      if (!this._originRetry) {
+        var _this$player$retry;
+        this._originRetry = (_this$player$retry = this.player.retry) === null || _this$player$retry === void 0 ? void 0 : _this$player$retry.bind(this.player);
+      }
       this.player.switchURL = this._onSwitchURL;
+      this.player.retry = this.__retry;
       (_this$player2 = this.player) === null || _this$player2 === void 0 ? void 0 : _this$player2.useHooks("replay", this._onSwitchURL);
       this.on(URL_CHANGE, this._onSwitchURL);
       this.on(DESTROY, this.destroy);
@@ -8491,6 +8607,7 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
                 if (!((_this2$player = _this2.player) !== null && _this2$player !== void 0 && (_this2$player$video = _this2$player.video) !== null && _this2$player$video !== void 0 && _this2$player$video.srcObject)) {
                   _this2.player.video.srcObject = new MediaStream();
                 }
+                return "";
               }
             }
           }
@@ -8585,6 +8702,7 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
           });
           player.unRegisterPlugin("rts");
           player.switchURL = _this3._originSwitchFn;
+          player.retry = _this3._originRetry;
           _this3._rts = null;
           player.rts = null;
           if ((_player$video = player.video) !== null && _player$video !== void 0 && _player$video.srcObject) {