@volcengine/veplayer-plugin 2.10.1 → 2.10.2-rc.1

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

@@ -1757,6 +1757,7 @@
   var PLAY = "play";
   var PAUSE = "pause";
   var ERROR = "error";
+  var CANPLAY = "canplay";
   var DESTROY = "destroy";
   var URL_CHANGE = "urlchange";
   function callHandler(obj, handler, next) {
@@ -2185,6 +2186,37 @@
     }]);
     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) {
@@ -6699,7 +6731,7 @@
       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),
@@ -6881,13 +6913,22 @@
         }
       };
       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() {
@@ -6954,6 +6995,7 @@
         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)
@@ -6969,15 +7011,15 @@
                       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();
@@ -6997,103 +7039,84 @@
           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) {
@@ -7157,6 +7180,58 @@
   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);
@@ -7520,7 +7595,7 @@
     }, {
       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) {
@@ -7528,7 +7603,7 @@
               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) {
@@ -7541,7 +7616,7 @@
                   _context6.prev = 7;
                   this._firstFrameObserver.start();
                   if (!this._preloadPromise) {
-                    _context6.next = 39;
+                    _context6.next = 38;
                     break;
                   }
                   logger.log("load()", "in preload process...");
@@ -7575,51 +7650,50 @@
                     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;
@@ -7628,7 +7702,7 @@
       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",
@@ -7652,7 +7726,7 @@
               return;
             }
             _this3._retry--;
-            _this3.load(_this3._url);
+            _this3.load(_this3._url, "rtc connect failed");
           }
           if (pc.connectionState === "connected") {
             _this3._handleMediaStream();
@@ -7907,7 +7981,7 @@
               }
           }, _callee7, this, [[26, 51]]);
         }));
-        function _getAnswerSdp(_x3) {
+        function _getAnswerSdp(_x4) {
           return _getAnswerSdp2.apply(this, arguments);
         }
         return _getAnswerSdp;
@@ -7971,7 +8045,7 @@
               }
           }, _callee8, this);
         }));
-        function _handleAnswerSdp(_x4, _x5) {
+        function _handleAnswerSdp(_x5, _x6) {
           return _handleAnswerSdp2.apply(this, arguments);
         }
         return _handleAnswerSdp;
@@ -8005,7 +8079,7 @@
         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) {
@@ -8026,35 +8100,39 @@
                       _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
@@ -8067,7 +8145,7 @@
                     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,
@@ -8100,13 +8178,23 @@
                       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();
                 }
@@ -8157,9 +8245,11 @@
     }, {
       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;
@@ -8183,23 +8273,34 @@
       }
     }, {
       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();
@@ -8208,10 +8309,7 @@
         this._clearPeerStateTimeout();
         if (this._pc) {
           this._pc.close();
-          if (this._media) {
-            this._media.srcObject = null;
-            this._media.removeAttribute("src");
-          }
+          this._clearMediaSrc();
         }
       }
     }, {
@@ -8313,7 +8411,7 @@
       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);
@@ -8398,7 +8496,9 @@
         _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) {
@@ -8407,9 +8507,20 @@
           _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;
@@ -8454,7 +8565,7 @@
     }, {
       key: "version",
       get: function get() {
-        return "0.2.1-alpha.51";
+        return "0.2.1-alpha.53";
       }
     }, {
       key: "beforePlayerInit",
@@ -8465,7 +8576,12 @@
           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);
@@ -8495,6 +8611,7 @@
                   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 "";
                 }
               }
             }
@@ -8589,6 +8706,7 @@
             });
             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) {