@byteplus/veplayer-plugin 2.10.0 → 2.10.2-rc.0

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

@@ -581,6 +581,60 @@
   function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
+  function _createForOfIteratorHelper$1(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (!it) {
+      if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") {
+        if (it)
+          o = it;
+        var i = 0;
+        var F = function() {
+        };
+        return {
+          s: F,
+          n: function() {
+            if (i >= o.length)
+              return {
+                done: true
+              };
+            return {
+              done: false,
+              value: o[i++]
+            };
+          },
+          e: function(e) {
+            throw e;
+          },
+          f: F
+        };
+      }
+      throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    var normalCompletion = true, didErr = false, err;
+    return {
+      s: function() {
+        it = it.call(o);
+      },
+      n: function() {
+        var step = it.next();
+        normalCompletion = step.done;
+        return step;
+      },
+      e: function(e) {
+        didErr = true;
+        err = e;
+      },
+      f: function() {
+        try {
+          if (!normalCompletion && it.return != null)
+            it.return();
+        } finally {
+          if (didErr)
+            throw err;
+        }
+      }
+    };
+  }
   function _toPrimitive$3(input, hint) {
     if (typeof input !== "object" || input === null)
       return input;
@@ -1703,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) {
@@ -2131,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) {
@@ -4296,10 +4382,28 @@
     }]);
     return NetLoader2;
   }(EventEmitter);
-  var EXTEND_EVENTS = {
-    RTC_STATE_CHANGE: "core.rtcstatechange",
-    RTC_NETWORK: "core.rtcnetwork"
-  };
+  var EXTEND_EVENTS = /* @__PURE__ */ function(EXTEND_EVENTS2) {
+    EXTEND_EVENTS2["RTC_STATE_CHANGE"] = "core.rtcstatechange";
+    EXTEND_EVENTS2["RTC_NETWORK"] = "core.rtcnetwork";
+    EXTEND_EVENTS2["RTC_FIRST_FRAME"] = "core.rtcfirstframe";
+    return EXTEND_EVENTS2;
+  }(EXTEND_EVENTS || {});
+  var RTC_FIRST_FRAME_STATE = /* @__PURE__ */ function(RTC_FIRST_FRAME_STATE2) {
+    RTC_FIRST_FRAME_STATE2["LOAD_START"] = "start_load";
+    RTC_FIRST_FRAME_STATE2["OFFER_SDP_READY"] = "offer_sdp_ready";
+    RTC_FIRST_FRAME_STATE2["ANSWER_SDP_RECV"] = "answer_sdp_recv";
+    RTC_FIRST_FRAME_STATE2["ANSWER_SDP_READY"] = "answer_sdp_ready";
+    RTC_FIRST_FRAME_STATE2["ICE_CONNECTED"] = "ice_connected";
+    RTC_FIRST_FRAME_STATE2["DTLS_CONNECTED"] = "dtls_connected";
+    RTC_FIRST_FRAME_STATE2["PEER_CONNECTED"] = "peer_connected";
+    RTC_FIRST_FRAME_STATE2["FIRST_PACKET_RECV"] = "first_packet_recv";
+    RTC_FIRST_FRAME_STATE2["FIRST_FRAME_RECV"] = "first_frame_recv";
+    RTC_FIRST_FRAME_STATE2["FIRST_FRAME_DECODED"] = "first_frame_decoded";
+    RTC_FIRST_FRAME_STATE2["VIDEO_PLAYING"] = "video_playing";
+    RTC_FIRST_FRAME_STATE2["VIDEO_CANPLAY"] = "video_canplay";
+    RTC_FIRST_FRAME_STATE2["VIDEO_LOADEDDATA"] = "video_loadeddata";
+    return RTC_FIRST_FRAME_STATE2;
+  }(RTC_FIRST_FRAME_STATE || {});
   var lib = {};
   var parser$1 = {};
   var grammar$2 = { exports: {} };
@@ -4993,29 +5097,29 @@
       enableOriginSdpLogger: false,
       checkStatsErrorDelay: 5e3,
       connectionStateChangeTimeout: 5e3,
-      enableNetworkQuality: false,
+      enableNetworkQuality: true,
       hackCreateOfferIssue: false,
       progressiveSetDelay: false,
       networkQuality: {
         networkQos: {
           1: {
-            "maxRtt": 250,
-            "maxLoss": 0.15
+            maxRtt: 250,
+            maxLoss: 0.15
           },
           2: {
-            "maxRtt": 500,
-            "maxLoss": 0.3,
-            "minRetransmittedRate": 0.2
+            maxRtt: 500,
+            maxLoss: 0.3,
+            minRetransmittedRate: 0.2
           },
           3: {
-            "maxRtt": 750,
-            "maxLoss": 0.45,
-            "minRetransmittedRate": 0.35
+            maxRtt: 750,
+            maxLoss: 0.45,
+            minRetransmittedRate: 0.35
           },
           4: {
-            "maxRtt": 1e3,
-            "maxLoss": 0.6,
-            "minRetransmittedRate": 0.5
+            maxRtt: 1e3,
+            maxLoss: 0.6,
+            minRetransmittedRate: 0.5
           }
         },
         networkQoe: {
@@ -5036,19 +5140,19 @@
       }, adaptiveJitterBuffer),
       networkStrategy: {
         1: {
-          "jitterBuffer": null
+          jitterBuffer: null
         },
         2: {
-          "jitterBuffer": 1.5
+          jitterBuffer: 1.5
         },
         3: {
-          "jitterBuffer": 2
+          jitterBuffer: 2
         },
         4: {
-          "jitterBuffer": 3
+          jitterBuffer: 3
         },
         5: {
-          "jitterBuffer": 3
+          jitterBuffer: 3
         }
       }
     }, opts);
@@ -5079,14 +5183,36 @@
       };
     });
   }
-  function getStats(pc) {
-    return new Promise(function(resolve) {
-      var _pc$getStats;
-      (_pc$getStats = pc.getStats(null)) === null || _pc$getStats === void 0 ? void 0 : _pc$getStats.then(function(report) {
-        resolve(_getStats(report));
-      });
-    }).catch(function() {
-    });
+  function getStats(_x) {
+    return _getStats2.apply(this, arguments);
+  }
+  function _getStats2() {
+    _getStats2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee2(pc) {
+      return _regeneratorRuntime$1().wrap(function _callee2$(_context2) {
+        while (1)
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (pc) {
+                _context2.next = 2;
+                break;
+              }
+              return _context2.abrupt("return", []);
+            case 2:
+              return _context2.abrupt("return", new Promise(function(resolve) {
+                var _pc$getStats;
+                (_pc$getStats = pc.getStats(null)) === null || _pc$getStats === void 0 ? void 0 : _pc$getStats.then(function(report) {
+                  resolve(_getStats(report));
+                });
+              }).catch(function() {
+                return [];
+              }));
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+      }, _callee2);
+    }));
+    return _getStats2.apply(this, arguments);
   }
   function getStatsSnapshoot(stats) {
     var _v$inboundRtp, _v$codec, _v$codec2, _v$codec3, _v$inboundRtp4, _v$inboundRtp5, _v$inboundRtp6, _v$inboundRtp7, _v$inboundRtp8, _v$inboundRtp9, _v$inboundRtp10, _v$inboundRtp11, _v$inboundRtp$framesR, _v$inboundRtp12, _v$track, _v$inboundRtp13, _v$inboundRtp14, _v$inboundRtp15, _v$inboundRtp16, _v$inboundRtp17, _v$inboundRtp18, _a$codec, _a$codec2, _a$codec3, _a$inboundRtp, _a$inboundRtp2, _a$inboundRtp3, _a$inboundRtp4, _a$inboundRtp5, _a$inboundRtp6, _a$inboundRtp7, _a$inboundRtp8;
@@ -5156,22 +5282,23 @@
   }
   var QUEUE_SIZE = 5;
   var NetworkEvaluate = /* @__PURE__ */ function() {
-    function NetworkEvaluate2(pc, interval) {
+    function NetworkEvaluate2(pc) {
       var _this = this;
+      var interval = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1e3;
       _classCallCheck$3(this, NetworkEvaluate2);
-      _defineProperty$2(this, "_pc", null);
-      _defineProperty$2(this, "_lastVideoStats", null);
-      _defineProperty$2(this, "_lastRemoteVideoStats", null);
-      _defineProperty$2(this, "_timer", 0);
-      _defineProperty$2(this, "_timerInterval", 0);
-      _defineProperty$2(this, "_speedQueue", []);
-      _defineProperty$2(this, "_lostRateQueue", []);
-      _defineProperty$2(this, "_receivedRateQueue", []);
-      _defineProperty$2(this, "_currentSpeed", -1);
-      _defineProperty$2(this, "_currentLostRate", -1);
-      _defineProperty$2(this, "_currentReceivedRate", -1);
-      _defineProperty$2(this, "_evaluate", /* @__PURE__ */ _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee() {
-        var snapshoot, _snapshoot$video, nowBytes, nowPkgLost, nowPkg, _this$_lastVideoStats, preBytes, prePkgLost, prePkg, lost, pkgReceived, nowReceived, preReceived, _snapshoot$videoRemot, nowRemoteSent, preRemoteSent;
+      this._pc = null;
+      this._lastVideoStats = null;
+      this._lastRemoteVideoStats = null;
+      this._timer = 0;
+      this._timerInterval = 0;
+      this._speedQueue = [];
+      this._lostRateQueue = [];
+      this._receivedRateQueue = [];
+      this._currentSpeed = -1;
+      this._currentLostRate = -1;
+      this._currentReceivedRate = -1;
+      this._evaluate = /* @__PURE__ */ _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee() {
+        var snapshoot, _snapshoot$video, nowBytes, nowPkgLost, nowPkg, _this$_lastVideoStats, preBytes, prePkgLost, prePkg, lost, pkgReceived, _ref2, _ref2$bytesReceived, nowReceived, _ref3, _ref3$bytesReceived, preReceived, _snapshoot$videoRemot, nowRemoteSent, preRemoteSent;
         return _regeneratorRuntime$1().wrap(function _callee$(_context) {
           while (1)
             switch (_context.prev = _context.next) {
@@ -5196,8 +5323,8 @@
                   }
                 }
                 if (_this._lastRemoteVideoStats && snapshoot !== null && snapshoot !== void 0 && snapshoot.videoRemote) {
-                  nowReceived = snapshoot.video.bytesReceived;
-                  preReceived = _this._lastVideoStats.bytesReceived;
+                  _ref2 = snapshoot.video || {}, _ref2$bytesReceived = _ref2.bytesReceived, nowReceived = _ref2$bytesReceived === void 0 ? 0 : _ref2$bytesReceived;
+                  _ref3 = _this._lastVideoStats || {}, _ref3$bytesReceived = _ref3.bytesReceived, preReceived = _ref3$bytesReceived === void 0 ? 0 : _ref3$bytesReceived;
                   _snapshoot$videoRemot = snapshoot === null || snapshoot === void 0 ? void 0 : snapshoot.videoRemote, nowRemoteSent = _snapshoot$videoRemot.bytesSent;
                   preRemoteSent = _this._lastRemoteVideoStats.bytesSent;
                   if (preRemoteSent && nowRemoteSent && nowRemoteSent - preRemoteSent > 0) {
@@ -5216,7 +5343,7 @@
                 return _context.stop();
             }
         }, _callee, null, [[0, 10]]);
-      })));
+      }));
       this._pc = pc;
       this._timerInterval = interval;
       this.start(interval);
@@ -5331,6 +5458,9 @@
     return pc.createOffer().then(function(offer) {
       var _sdpJson$media, _sdpJson$media2, _vMedia$rtp, _aMedia$rtp;
       logger.log(offer.sdp);
+      if (!offer.sdp) {
+        return Promise.reject("createOffer no sdp");
+      }
       var sdpJson = lib.parse(offer.sdp);
       var vMedia = (_sdpJson$media = sdpJson.media) === null || _sdpJson$media === void 0 ? void 0 : _sdpJson$media.filter(function(x) {
         return x.type === "video";
@@ -5518,7 +5648,7 @@
   var RTCDataView = /* @__PURE__ */ function() {
     function RTCDataView2(buffer) {
       _classCallCheck$3(this, RTCDataView2);
-      _defineProperty$2(this, "_position", 0);
+      this._position = 0;
       this._dataview = new DataView(buffer);
     }
     _createClass$3(RTCDataView2, [{
@@ -5920,7 +6050,7 @@
       transformer.readable.pipeThrough(transform).pipeTo(event.transformer.writable);
     });
   }
-  var encodedJs = "IWZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBlPXtnZXROQUxVbml0czpmdW5jdGlvbih0KXt2YXIgbj1hcmd1bWVudHMubGVuZ3RoPjEmJnZvaWQgMCE9PWFyZ3VtZW50c1sxXSYmYXJndW1lbnRzWzFdO2lmKHQubGVuZ3RoLXQucG9zaXRpb248NClyZXR1cm5bXTt2YXIgcj10LnBvc2l0aW9uO3JldHVybiAxPT09dC5nZXRJbnQzMihyKXx8MD09PXQuZ2V0SW50MTYocikmJjE9PT10LmdldEludDgocisyKT9lLmdldEFubmV4Yk5hbHModCxuKTplLmdldEF2Y2NOYWxzKHQsbil9LGdldEFubmV4Yk5hbHM6ZnVuY3Rpb24odCxuKXtmb3IodmFyIHI9W10saT1lLmdldEhlYWRlclBvc2l0aW9uQW5uZXhCKHQpLGE9aS5wb3Msbz1hO2E8dC5sZW5ndGgtNDspe3ZhciB1PW5ldyBVaW50OEFycmF5KHQuYnVmZmVyLnNsaWNlKGEsYStpLmhlYWRlckxlbmd0aCkpO2kucG9zPT09dC5wb3NpdGlvbiYmdC5za2lwKGkuaGVhZGVyTGVuZ3RoKSxvPShpPWUuZ2V0SGVhZGVyUG9zaXRpb25Bbm5leEIodCkpLnBvczt2YXIgcz17aGVhZGVyOnUsYm9keTpuZXcgVWludDhBcnJheSh0LmJ1ZmZlci5zbGljZShhK3UuYnl0ZUxlbmd0aCxvKSksdHlwZTotMX07bj9lLmFuYWx5c2VIMjY1TmFsKHMpOmUuYW5hbHlzZU5hbChzKSwocy50eXBlPD05fHxuJiZzLnR5cGU8PTQwKSYmMCE9PXMudHlwZSYmci5wdXNoKHMpLHQuc2tpcChvLXQucG9zaXRpb24pLGE9b31yZXR1cm4gcn0sZ2V0QXZjY05hbHM6ZnVuY3Rpb24odCxuKXtmb3IodmFyIHI9W107dC5wb3NpdGlvbjx0Lmxlbmd0aC00Oyl7dmFyIGk9dC5nZXRJbnQzMih0LnBvc2l0aW9uKTtpZighKHQubGVuZ3RoLXQucG9zaXRpb24+PWkpKWJyZWFrO3ZhciBhPW5ldyBVaW50OEFycmF5KHQuYnVmZmVyLnNsaWNlKHQucG9zaXRpb24sdC5wb3NpdGlvbis0KSk7dC5za2lwKDQpO3ZhciBvPW5ldyBVaW50OEFycmF5KHQuYnVmZmVyLnNsaWNlKHQucG9zaXRpb24sdC5wb3NpdGlvbitpKSk7dC5za2lwKGkpO3ZhciB1PXtoZWFkZXI6YSxib2R5Om8sdHlwZTotMX07bj9lLmFuYWx5c2VIMjY1TmFsKHUpOmUuYW5hbHlzZU5hbCh1KSx1LnR5cGU8PTkmJjAhPT11LnR5cGUmJnIucHVzaCh1KX1yZXR1cm4gcn0sYW5hbHlzZU5hbDpmdW5jdGlvbihlKXt2YXIgdD0zMSZlLmJvZHlbMF07c3dpdGNoKGUudHlwZT10LHQpe2Nhc2UgMTplLm5kcj0hMDticmVhaztjYXNlIDU6ZS5pZHI9ITA7YnJlYWs7Y2FzZSA2OmUuc2VpPSEwO2JyZWFrO2Nhc2UgNzplLnNwcz0hMDticmVhaztjYXNlIDg6ZS5wcHM9ITB9fSxhbmFseXNlSDI2NU5hbDpmdW5jdGlvbihlKXt2YXIgdD0oMTI2JmUuYm9keVswXSk+PjE7c3dpdGNoKGUudHlwZT10LHQpe2Nhc2UgMzk6Y2FzZSA0MDplLnNlaT0hMH19LGdldEhlYWRlclBvc2l0aW9uQW5uZXhCOmZ1bmN0aW9uKGUpe2Zvcih2YXIgdD1lLnBvc2l0aW9uLG49MCxyPWUubGVuZ3RoOzMhPT1uJiY0IT09biYmdDxyLTQ7KTA9PT1lLmdldEludDE2KHQpPzE9PT1lLmdldEludDE2KHQrMik/bj00OjE9PT1lLmdldEludDgodCsyKT9uPTM6dCsrOnQrKztyZXR1cm4gdD09PXItNCYmKDA9PT1lLmdldEludDE2KHQpPzE9PT1lLmdldEludDE2KHQrMik/bj00OnQ9cjoodCsrLDA9PT1lLmdldEludDE2KHQpJiYxPT09ZS5nZXRJbnQ4KHQpP249Mzp0PXIpKSx7cG9zOnQsaGVhZGVyTGVuZ3RoOm59fSxpc0gyNjVWaWRlb0ZyYW1lOmZ1bmN0aW9uKGUpe3ZhciB0LG47cmV0dXJuKChudWxsPT09KHQ9ZS5nZXRNZXRhZGF0YSl8fHZvaWQgMD09PXR8fG51bGw9PT0obj10LmNhbGwoZSkpfHx2b2lkIDA9PT1uP3ZvaWQgMDpuLm1pbWVUeXBlKXx8IiIpLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoImgyNjUiKX19O2Z1bmN0aW9uIHQoZSl7cmV0dXJuKHQ9ImZ1bmN0aW9uIj09dHlwZW9mIFN5bWJvbCYmInN5bWJvbCI9PXR5cGVvZiBTeW1ib2wuaXRlcmF0b3I/ZnVuY3Rpb24oZSl7cmV0dXJuIHR5cGVvZiBlfTpmdW5jdGlvbihlKXtyZXR1cm4gZSYmImZ1bmN0aW9uIj09dHlwZW9mIFN5bWJvbCYmZS5jb25zdHJ1Y3Rvcj09PVN5bWJvbCYmZSE9PVN5bWJvbC5wcm90b3R5cGU/InN5bWJvbCI6dHlwZW9mIGV9KShlKX1mdW5jdGlvbiBuKGUsdCl7Zm9yKHZhciBuPTA7bjx0Lmxlbmd0aDtuKyspe3ZhciBpPXRbbl07aS5lbnVtZXJhYmxlPWkuZW51bWVyYWJsZXx8ITEsaS5jb25maWd1cmFibGU9ITAsInZhbHVlImluIGkmJihpLndyaXRhYmxlPSEwKSxPYmplY3QuZGVmaW5lUHJvcGVydHkoZSxyKGkua2V5KSxpKX19ZnVuY3Rpb24gcihlKXt2YXIgdD1mdW5jdGlvbihlLHQpe2lmKCJvYmplY3QiIT10eXBlb2YgZXx8bnVsbD09PWUpcmV0dXJuIGU7dmFyIG49ZVtTeW1ib2wudG9QcmltaXRpdmVdO2lmKHZvaWQgMCE9PW4pe3ZhciByPW4uY2FsbChlLHR8fCJkZWZhdWx0Iik7aWYoIm9iamVjdCIhPXR5cGVvZiByKXJldHVybiByO3Rocm93IG5ldyBUeXBlRXJyb3IoIkBAdG9QcmltaXRpdmUgbXVzdCByZXR1cm4gYSBwcmltaXRpdmUgdmFsdWUuIil9cmV0dXJuKCJzdHJpbmciPT09dD9TdHJpbmc6TnVtYmVyKShlKX0oZSwic3RyaW5nIik7cmV0dXJuInN5bWJvbCI9PXR5cGVvZiB0P3Q6U3RyaW5nKHQpfXZhciBpPWZ1bmN0aW9uKCl7ZnVuY3Rpb24gZSh0KXt2YXIgbixpLGE7IWZ1bmN0aW9uKGUsdCl7aWYoIShlIGluc3RhbmNlb2YgdCkpdGhyb3cgbmV3IFR5cGVFcnJvcigiQ2Fubm90IGNhbGwgYSBjbGFzcyBhcyBhIGZ1bmN0aW9uIil9KHRoaXMsZSksbj10aGlzLGE9MCwoaT1yKGk9Il9wb3NpdGlvbiIpKWluIG4/T2JqZWN0LmRlZmluZVByb3BlcnR5KG4saSx7dmFsdWU6YSxlbnVtZXJhYmxlOiEwLGNvbmZpZ3VyYWJsZTohMCx3cml0YWJsZTohMH0pOm5baV09YSx0aGlzLl9kYXRhdmlldz1uZXcgRGF0YVZpZXcodCl9dmFyIHQsaSxhO3JldHVybiB0PWUsYT1be2tleToicmVhZEJ5dGUiLHZhbHVlOmZ1bmN0aW9uKGUsdCxuKXt2YXIgcjtzd2l0Y2godCl7Y2FzZSAxOnI9bj9lLmdldEludDgoZS5wb3NpdGlvbik6ZS5nZXRVaW50OChlLnBvc2l0aW9uKTticmVhaztjYXNlIDI6cj1uP2UuZ2V0SW50MTYoZS5wb3NpdGlvbik6ZS5nZXRVaW50MTYoZS5wb3NpdGlvbik7YnJlYWs7Y2FzZSAzOmlmKG4pdGhyb3cgbmV3IEVycm9yKCJub3Qgc3VwcG9ydGVkIGZvciByZWFkQnl0ZSAzIik7cj1lLmdldFVpbnQ4KGUucG9zaXRpb24pPDwxNixyfD1lLmdldFVpbnQ4KGUucG9zaXRpb24rMSk8PDgscnw9ZS5nZXRVaW50OChlLnBvc2l0aW9uKzIpO2JyZWFrO2Nhc2UgNDpyPW4/ZS5nZXRJbnQzMihlLnBvc2l0aW9uKTplLmdldFVpbnQzMihlLnBvc2l0aW9uKTticmVhaztjYXNlIDg6aWYobil0aHJvdyBuZXcgRXJyb3IoIm5vdCBzdXBwb3J0ZWQgZm9yIHJlYWRCb2R5IDgiKTtyPWUuZ2V0VWludDMyKGUucG9zaXRpb24pPDwzMixyfD1lLmdldFVpbnQzMihlLnBvc2l0aW9uKzQpO2JyZWFrO2RlZmF1bHQ6cj0iIn1yZXR1cm4gZS5wb3NpdGlvbis9dCxyfX1dLChpPVt7a2V5OiJsZW5ndGgiLGdldDpmdW5jdGlvbigpe3JldHVybiB0aGlzLmJ1ZmZlci5ieXRlTGVuZ3RofX0se2tleToiYnVmZmVyIixnZXQ6ZnVuY3Rpb24oKXtyZXR1cm4gdGhpcy5fZGF0YXZpZXcuYnVmZmVyfX0se2tleToicG9zaXRpb24iLGdldDpmdW5jdGlvbigpe3JldHVybiB0aGlzLl9wb3NpdGlvbn0sc2V0OmZ1bmN0aW9uKGUpe3RoaXMuX3Bvc2l0aW9uPWV9fSx7a2V5OiJiYWNrIix2YWx1ZTpmdW5jdGlvbihlKXt0aGlzLnBvc2l0aW9uLT1lfX0se2tleToiZ2V0VWludDgiLHZhbHVlOmZ1bmN0aW9uKGUpe3JldHVybiB0aGlzLl9kYXRhdmlldy5nZXRVaW50OChlKX19LHtrZXk6ImdldEludDgiLHZhbHVlOmZ1bmN0aW9uKGUpe3JldHVybiB0aGlzLl9kYXRhdmlldy5nZXRJbnQ4KGUpfX0se2tleToiZ2V0SW50MTYiLHZhbHVlOmZ1bmN0aW9uKGUpe3JldHVybiB0aGlzLl9kYXRhdmlldy5nZXRJbnQxNihlKX19LHtrZXk6ImdldFVpbnQxNiIsdmFsdWU6ZnVuY3Rpb24oZSl7cmV0dXJuIHRoaXMuX2RhdGF2aWV3LmdldFVpbnQxNihlKX19LHtrZXk6ImdldFVpbnQzMiIsdmFsdWU6ZnVuY3Rpb24oZSl7cmV0dXJuIHRoaXMuX2RhdGF2aWV3LmdldFVpbnQzMihlKX19LHtrZXk6ImdldEludDMyIix2YWx1ZTpmdW5jdGlvbihlKXtyZXR1cm4gdGhpcy5fZGF0YXZpZXcuZ2V0SW50MzIoZSl9fSx7a2V5OiJza2lwIix2YWx1ZTpmdW5jdGlvbih0KXtmb3IodmFyIG49TWF0aC5mbG9vcih0LzQpLHI9dCU0LGk9MDtpPG47aSsrKWUucmVhZEJ5dGUodGhpcyw0KTtyPjAmJmUucmVhZEJ5dGUodGhpcyxyKX19LHtrZXk6InJlYWRVaW50OCIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDEpfX0se2tleToicmVhZFVpbnQxNiIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDIpfX0se2tleToicmVhZFVpbnQyNCIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDMpfX0se2tleToicmVhZFVpbnQzMiIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDQpfX0se2tleToicmVhZFVpbnQ2NCIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDgpfX0se2tleToicmVhZEludDgiLHZhbHVlOmZ1bmN0aW9uKCl7cmV0dXJuIGUucmVhZEJ5dGUodGhpcywxLCEwKX19LHtrZXk6InJlYWRJbnQxNiIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDIsITApfX0se2tleToicmVhZEludDMyIix2YWx1ZTpmdW5jdGlvbigpe3JldHVybiBlLnJlYWRCeXRlKHRoaXMsNCwhMCl9fSx7a2V5OiJ3cml0ZVVpbnQzMiIsdmFsdWU6ZnVuY3Rpb24oZSl7cmV0dXJuIG5ldyBVaW50OEFycmF5KFtlPj4+MjQmMjU1LGU+Pj4xNiYyNTUsZT4+PjgmMjU1LDI1NSZlXSl9fV0pJiZuKHQucHJvdG90eXBlLGkpLGEmJm4odCxhKSxPYmplY3QuZGVmaW5lUHJvcGVydHkodCwicHJvdG90eXBlIix7d3JpdGFibGU6ITF9KSxlfSgpO2Z1bmN0aW9uIGEoZSxuKXtmb3IodmFyIHI9MDtyPG4ubGVuZ3RoO3IrKyl7dmFyIGk9bltyXTtpLmVudW1lcmFibGU9aS5lbnVtZXJhYmxlfHwhMSxpLmNvbmZpZ3VyYWJsZT0hMCwidmFsdWUiaW4gaSYmKGkud3JpdGFibGU9ITApLE9iamVjdC5kZWZpbmVQcm9wZXJ0eShlLChhPWkua2V5LG89dm9pZCAwLG89ZnVuY3Rpb24oZSxuKXtpZigib2JqZWN0IiE9PXQoZSl8fG51bGw9PT1lKXJldHVybiBlO3ZhciByPWVbU3ltYm9sLnRvUHJpbWl0aXZlXTtpZih2b2lkIDAhPT1yKXt2YXIgaT1yLmNhbGwoZSxufHwiZGVmYXVsdCIpO2lmKCJvYmplY3QiIT09dChpKSlyZXR1cm4gaTt0aHJvdyBuZXcgVHlwZUVycm9yKCJAQHRvUHJpbWl0aXZlIG11c3QgcmV0dXJuIGEgcHJpbWl0aXZlIHZhbHVlLiIpfXJldHVybigic3RyaW5nIj09PW4/U3RyaW5nOk51bWJlcikoZSl9KGEsInN0cmluZyIpLCJzeW1ib2wiPT09dChvKT9vOlN0cmluZyhvKSksaSl9dmFyIGEsb31mdW5jdGlvbiBvKGUpe3ZhciB0PWFyZ3VtZW50cy5sZW5ndGg+MSYmdm9pZCAwIT09YXJndW1lbnRzWzFdP2FyZ3VtZW50c1sxXTowO3JldHVybihlW3RdPDwyND4+PjApKyhlW3QrMV08PDE2KSsoZVt0KzJdPDw4KSsoZVt0KzNdfHwwKX12YXIgdT1mdW5jdGlvbigpe2Z1bmN0aW9uIGUoKXshZnVuY3Rpb24oZSx0KXtpZighKGUgaW5zdGFuY2VvZiB0KSl0aHJvdyBuZXcgVHlwZUVycm9yKCJDYW5ub3QgY2FsbCBhIGNsYXNzIGFzIGEgZnVuY3Rpb24iKX0odGhpcyxlKX12YXIgdCxuLHI7cmV0dXJuIHQ9ZSxyPVt7a2V5OiJwYXJzZUFubmV4QiIsdmFsdWU6ZnVuY3Rpb24oZSl7dmFyIHQ9ZS5ieXRlTGVuZ3RoLTEsbj0wO2Rve2lmKDAhPT1lW3RdKWJyZWFrO24rKyx0LS19d2hpbGUodD4wKTtuPj0zJiYoZT1lLnN1YmFycmF5KDAsdCsxKSk7Zm9yKHZhciByPWUubGVuZ3RoLGk9MixhPTA7bnVsbCE9PWVbaV0mJnZvaWQgMCE9PWVbaV0mJjEhPT1lW2ldOylpKys7aWYoKGE9MisgKytpKT49cilyZXR1cm5bXTtmb3IodmFyIG89W107YTxyOylzd2l0Y2goZVthXSl7Y2FzZSAwOmlmKDAhPT1lW2EtMV0pe2ErPTI7YnJlYWt9aWYoMCE9PWVbYS0yXSl7YSsrO2JyZWFrfWlmKGE8ci0xJiYxIT09ZVthKzFdKXthKys7YnJlYWt9aSE9PWEtMiYmby5wdXNoKGUuc3ViYXJyYXkoaSxhLTIpKTtkb3thKyt9d2hpbGUoMSE9PWVbYV0mJmE8cik7YT0oaT1hKzEpKzI7YnJlYWs7Y2FzZSAxOmlmKDAhPT1lW2EtMV18fDAhPT1lW2EtMl0pe2ErPTM7YnJlYWt9aSE9PWEtMiYmby5wdXNoKGUuc3ViYXJyYXkoaSxhLTIpKSxhPShpPWErMSkrMjticmVhaztkZWZhdWx0OmErPTN9cmV0dXJuIGk8ciYmby5wdXNoKGUuc3ViYXJyYXkoaSkpLG99fSx7a2V5OiJwYXJzZUF2Y0MiLHZhbHVlOmZ1bmN0aW9uKGUpe3ZhciB0PWFyZ3VtZW50cy5sZW5ndGg+MSYmdm9pZCAwIT09YXJndW1lbnRzWzFdP2FyZ3VtZW50c1sxXTo0O2lmKCEoZS5sZW5ndGg8NCkpe2Zvcih2YXIgbixyPWUubGVuZ3RoLGk9W10sYT0wO2ErdDxyOylpZihuPW8oZSxhKSwzPT09dCYmKG4+Pj49OCksYSs9dCxuKXtpZihhK24+cilicmVhaztpLnB1c2goZS5zdWJhcnJheShhLGErbikpLGErPW59cmV0dXJuIGl9fX0se2tleToicGFyc2VTRUkiLHZhbHVlOmZ1bmN0aW9uKGUsdCl7Zm9yKHZhciBuPWUubGVuZ3RoLHI9dD8yOjEsaT0wLGE9MCxvPSIiOzI1NT09PWVbcl07KWkrPTI1NSxyKys7Zm9yKGkrPWVbcisrXTsyNTU9PT1lW3JdOylhKz0yNTUscisrO2lmKGErPWVbcisrXSw1PT09aSYmbj5yKzE2KWZvcih2YXIgdT0wO3U8MTY7dSsrKW8rPWVbcl0udG9TdHJpbmcoMTYpLHIrKztyZXR1cm57cGF5bG9hZDplLnN1YmFycmF5KHIscithKSx0eXBlOmksc2l6ZTphLHV1aWQ6b319fSx7a2V5OiJyZW1vdmVFUEIiLHZhbHVlOmZ1bmN0aW9uKGUpe2Zvcih2YXIgdD1lLmJ5dGVMZW5ndGgsbj1bXSxyPTE7cjx0LTI7KTA9PT1lW3JdJiYwPT09ZVtyKzFdJiYzPT09ZVtyKzJdPyhuLnB1c2gocisyKSxyKz0yKTpyKys7aWYoIW4ubGVuZ3RoKXJldHVybiBlO3ZhciBpPXQtbi5sZW5ndGgsYT1uZXcgVWludDhBcnJheShpKSxvPTA7Zm9yKHI9MDtyPGk7bysrLHIrKylvPT09blswXSYmKG8rKyxuLnNoaWZ0KCkpLGFbcl09ZVtvXTtyZXR1cm4gYX19XSwobj1udWxsKSYmYSh0LnByb3RvdHlwZSxuKSxyJiZhKHQsciksT2JqZWN0LmRlZmluZVByb3BlcnR5KHQsInByb3RvdHlwZSIse3dyaXRhYmxlOiExfSksZX0oKTsidW5kZWZpbmVkIiE9dHlwZW9mIHNlbGYmJiJEZWRpY2F0ZWRXb3JrZXJHbG9iYWxTY29wZSI9PT1zZWxmLmNvbnN0cnVjdG9yLm5hbWUmJnNlbGYuYWRkRXZlbnRMaXN0ZW5lcigicnRjdHJhbnNmb3JtIiwoZnVuY3Rpb24odCl7dmFyIG4scj10LnRyYW5zZm9ybWVyLGE9ci5vcHRpb25zLnBvcnQsbz0obj1mdW5jdGlvbihlKXthLnBvc3RNZXNzYWdlKGUpfSxuZXcgVHJhbnNmb3JtU3RyZWFtKHt0cmFuc2Zvcm06ZnVuY3Rpb24odCxyKXt2YXIgYT1lLmlzSDI2NVZpZGVvRnJhbWUodCk7ZS5nZXROQUxVbml0cyhuZXcgaSh0LmRhdGEpLGEpLmZvckVhY2goKGZ1bmN0aW9uKGUpe2lmKGUuc2VpKXt2YXIgdD11LnBhcnNlU0VJKHUucmVtb3ZlRVBCKGUuYm9keSksITEpO3QmJm4oe2RhdGE6dCxzZWk6e2NvZGU6dC50eXBlLGNvbnRlbnQ6dC5wYXlsb2FkfX0pfX0pKSxyLmVucXVldWUodCl9fSkpO3IucmVhZGFibGUucGlwZVRocm91Z2gobykucGlwZVRvKHQudHJhbnNmb3JtZXIud3JpdGFibGUpfSkpfSgpOwo=";
+  var encodedJs = "IWZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBlPXtnZXROQUxVbml0czpmdW5jdGlvbih0KXt2YXIgbj1hcmd1bWVudHMubGVuZ3RoPjEmJnZvaWQgMCE9PWFyZ3VtZW50c1sxXSYmYXJndW1lbnRzWzFdO2lmKHQubGVuZ3RoLXQucG9zaXRpb248NClyZXR1cm5bXTt2YXIgcj10LnBvc2l0aW9uO3JldHVybiAxPT09dC5nZXRJbnQzMihyKXx8MD09PXQuZ2V0SW50MTYocikmJjE9PT10LmdldEludDgocisyKT9lLmdldEFubmV4Yk5hbHModCxuKTplLmdldEF2Y2NOYWxzKHQsbil9LGdldEFubmV4Yk5hbHM6ZnVuY3Rpb24odCxuKXtmb3IodmFyIHI9W10saT1lLmdldEhlYWRlclBvc2l0aW9uQW5uZXhCKHQpLGE9aS5wb3Msbz1hO2E8dC5sZW5ndGgtNDspe3ZhciB1PW5ldyBVaW50OEFycmF5KHQuYnVmZmVyLnNsaWNlKGEsYStpLmhlYWRlckxlbmd0aCkpO2kucG9zPT09dC5wb3NpdGlvbiYmdC5za2lwKGkuaGVhZGVyTGVuZ3RoKSxvPShpPWUuZ2V0SGVhZGVyUG9zaXRpb25Bbm5leEIodCkpLnBvczt2YXIgcz17aGVhZGVyOnUsYm9keTpuZXcgVWludDhBcnJheSh0LmJ1ZmZlci5zbGljZShhK3UuYnl0ZUxlbmd0aCxvKSksdHlwZTotMX07bj9lLmFuYWx5c2VIMjY1TmFsKHMpOmUuYW5hbHlzZU5hbChzKSwocy50eXBlPD05fHxuJiZzLnR5cGU8PTQwKSYmMCE9PXMudHlwZSYmci5wdXNoKHMpLHQuc2tpcChvLXQucG9zaXRpb24pLGE9b31yZXR1cm4gcn0sZ2V0QXZjY05hbHM6ZnVuY3Rpb24odCxuKXtmb3IodmFyIHI9W107dC5wb3NpdGlvbjx0Lmxlbmd0aC00Oyl7dmFyIGk9dC5nZXRJbnQzMih0LnBvc2l0aW9uKTtpZighKHQubGVuZ3RoLXQucG9zaXRpb24+PWkpKWJyZWFrO3ZhciBhPW5ldyBVaW50OEFycmF5KHQuYnVmZmVyLnNsaWNlKHQucG9zaXRpb24sdC5wb3NpdGlvbis0KSk7dC5za2lwKDQpO3ZhciBvPW5ldyBVaW50OEFycmF5KHQuYnVmZmVyLnNsaWNlKHQucG9zaXRpb24sdC5wb3NpdGlvbitpKSk7dC5za2lwKGkpO3ZhciB1PXtoZWFkZXI6YSxib2R5Om8sdHlwZTotMX07bj9lLmFuYWx5c2VIMjY1TmFsKHUpOmUuYW5hbHlzZU5hbCh1KSx1LnR5cGU8PTkmJjAhPT11LnR5cGUmJnIucHVzaCh1KX1yZXR1cm4gcn0sYW5hbHlzZU5hbDpmdW5jdGlvbihlKXt2YXIgdD0zMSZlLmJvZHlbMF07c3dpdGNoKGUudHlwZT10LHQpe2Nhc2UgMTplLm5kcj0hMDticmVhaztjYXNlIDU6ZS5pZHI9ITA7YnJlYWs7Y2FzZSA2OmUuc2VpPSEwO2JyZWFrO2Nhc2UgNzplLnNwcz0hMDticmVhaztjYXNlIDg6ZS5wcHM9ITB9fSxhbmFseXNlSDI2NU5hbDpmdW5jdGlvbihlKXt2YXIgdD0oMTI2JmUuYm9keVswXSk+PjE7c3dpdGNoKGUudHlwZT10LHQpe2Nhc2UgMzk6Y2FzZSA0MDplLnNlaT0hMH19LGdldEhlYWRlclBvc2l0aW9uQW5uZXhCOmZ1bmN0aW9uKGUpe2Zvcih2YXIgdD1lLnBvc2l0aW9uLG49MCxyPWUubGVuZ3RoOzMhPT1uJiY0IT09biYmdDxyLTQ7KTA9PT1lLmdldEludDE2KHQpPzE9PT1lLmdldEludDE2KHQrMik/bj00OjE9PT1lLmdldEludDgodCsyKT9uPTM6dCsrOnQrKztyZXR1cm4gdD09PXItNCYmKDA9PT1lLmdldEludDE2KHQpPzE9PT1lLmdldEludDE2KHQrMik/bj00OnQ9cjoodCsrLDA9PT1lLmdldEludDE2KHQpJiYxPT09ZS5nZXRJbnQ4KHQpP249Mzp0PXIpKSx7cG9zOnQsaGVhZGVyTGVuZ3RoOm59fSxpc0gyNjVWaWRlb0ZyYW1lOmZ1bmN0aW9uKGUpe3ZhciB0LG47cmV0dXJuKChudWxsPT09KHQ9ZS5nZXRNZXRhZGF0YSl8fHZvaWQgMD09PXR8fG51bGw9PT0obj10LmNhbGwoZSkpfHx2b2lkIDA9PT1uP3ZvaWQgMDpuLm1pbWVUeXBlKXx8IiIpLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoImgyNjUiKX19O2Z1bmN0aW9uIHQoZSl7cmV0dXJuKHQ9ImZ1bmN0aW9uIj09dHlwZW9mIFN5bWJvbCYmInN5bWJvbCI9PXR5cGVvZiBTeW1ib2wuaXRlcmF0b3I/ZnVuY3Rpb24oZSl7cmV0dXJuIHR5cGVvZiBlfTpmdW5jdGlvbihlKXtyZXR1cm4gZSYmImZ1bmN0aW9uIj09dHlwZW9mIFN5bWJvbCYmZS5jb25zdHJ1Y3Rvcj09PVN5bWJvbCYmZSE9PVN5bWJvbC5wcm90b3R5cGU/InN5bWJvbCI6dHlwZW9mIGV9KShlKX1mdW5jdGlvbiBuKGUsdCl7Zm9yKHZhciBuPTA7bjx0Lmxlbmd0aDtuKyspe3ZhciByPXRbbl07ci5lbnVtZXJhYmxlPXIuZW51bWVyYWJsZXx8ITEsci5jb25maWd1cmFibGU9ITAsInZhbHVlImluIHImJihyLndyaXRhYmxlPSEwKSxPYmplY3QuZGVmaW5lUHJvcGVydHkoZSwoaT1yLmtleSxhPXZvaWQgMCwic3ltYm9sIj09dHlwZW9mKGE9ZnVuY3Rpb24oZSx0KXtpZigib2JqZWN0IiE9dHlwZW9mIGV8fG51bGw9PT1lKXJldHVybiBlO3ZhciBuPWVbU3ltYm9sLnRvUHJpbWl0aXZlXTtpZih2b2lkIDAhPT1uKXt2YXIgcj1uLmNhbGwoZSx0fHwiZGVmYXVsdCIpO2lmKCJvYmplY3QiIT10eXBlb2YgcilyZXR1cm4gcjt0aHJvdyBuZXcgVHlwZUVycm9yKCJAQHRvUHJpbWl0aXZlIG11c3QgcmV0dXJuIGEgcHJpbWl0aXZlIHZhbHVlLiIpfXJldHVybigic3RyaW5nIj09PXQ/U3RyaW5nOk51bWJlcikoZSl9KGksInN0cmluZyIpKT9hOlN0cmluZyhhKSkscil9dmFyIGksYX12YXIgcj1mdW5jdGlvbigpe2Z1bmN0aW9uIGUodCl7IWZ1bmN0aW9uKGUsdCl7aWYoIShlIGluc3RhbmNlb2YgdCkpdGhyb3cgbmV3IFR5cGVFcnJvcigiQ2Fubm90IGNhbGwgYSBjbGFzcyBhcyBhIGZ1bmN0aW9uIil9KHRoaXMsZSksdGhpcy5fcG9zaXRpb249MCx0aGlzLl9kYXRhdmlldz1uZXcgRGF0YVZpZXcodCl9dmFyIHQscixpO3JldHVybiB0PWUsaT1be2tleToicmVhZEJ5dGUiLHZhbHVlOmZ1bmN0aW9uKGUsdCxuKXt2YXIgcjtzd2l0Y2godCl7Y2FzZSAxOnI9bj9lLmdldEludDgoZS5wb3NpdGlvbik6ZS5nZXRVaW50OChlLnBvc2l0aW9uKTticmVhaztjYXNlIDI6cj1uP2UuZ2V0SW50MTYoZS5wb3NpdGlvbik6ZS5nZXRVaW50MTYoZS5wb3NpdGlvbik7YnJlYWs7Y2FzZSAzOmlmKG4pdGhyb3cgbmV3IEVycm9yKCJub3Qgc3VwcG9ydGVkIGZvciByZWFkQnl0ZSAzIik7cj1lLmdldFVpbnQ4KGUucG9zaXRpb24pPDwxNixyfD1lLmdldFVpbnQ4KGUucG9zaXRpb24rMSk8PDgscnw9ZS5nZXRVaW50OChlLnBvc2l0aW9uKzIpO2JyZWFrO2Nhc2UgNDpyPW4/ZS5nZXRJbnQzMihlLnBvc2l0aW9uKTplLmdldFVpbnQzMihlLnBvc2l0aW9uKTticmVhaztjYXNlIDg6aWYobil0aHJvdyBuZXcgRXJyb3IoIm5vdCBzdXBwb3J0ZWQgZm9yIHJlYWRCb2R5IDgiKTtyPWUuZ2V0VWludDMyKGUucG9zaXRpb24pPDwzMixyfD1lLmdldFVpbnQzMihlLnBvc2l0aW9uKzQpO2JyZWFrO2RlZmF1bHQ6cj0iIn1yZXR1cm4gZS5wb3NpdGlvbis9dCxyfX1dLChyPVt7a2V5OiJsZW5ndGgiLGdldDpmdW5jdGlvbigpe3JldHVybiB0aGlzLmJ1ZmZlci5ieXRlTGVuZ3RofX0se2tleToiYnVmZmVyIixnZXQ6ZnVuY3Rpb24oKXtyZXR1cm4gdGhpcy5fZGF0YXZpZXcuYnVmZmVyfX0se2tleToicG9zaXRpb24iLGdldDpmdW5jdGlvbigpe3JldHVybiB0aGlzLl9wb3NpdGlvbn0sc2V0OmZ1bmN0aW9uKGUpe3RoaXMuX3Bvc2l0aW9uPWV9fSx7a2V5OiJiYWNrIix2YWx1ZTpmdW5jdGlvbihlKXt0aGlzLnBvc2l0aW9uLT1lfX0se2tleToiZ2V0VWludDgiLHZhbHVlOmZ1bmN0aW9uKGUpe3JldHVybiB0aGlzLl9kYXRhdmlldy5nZXRVaW50OChlKX19LHtrZXk6ImdldEludDgiLHZhbHVlOmZ1bmN0aW9uKGUpe3JldHVybiB0aGlzLl9kYXRhdmlldy5nZXRJbnQ4KGUpfX0se2tleToiZ2V0SW50MTYiLHZhbHVlOmZ1bmN0aW9uKGUpe3JldHVybiB0aGlzLl9kYXRhdmlldy5nZXRJbnQxNihlKX19LHtrZXk6ImdldFVpbnQxNiIsdmFsdWU6ZnVuY3Rpb24oZSl7cmV0dXJuIHRoaXMuX2RhdGF2aWV3LmdldFVpbnQxNihlKX19LHtrZXk6ImdldFVpbnQzMiIsdmFsdWU6ZnVuY3Rpb24oZSl7cmV0dXJuIHRoaXMuX2RhdGF2aWV3LmdldFVpbnQzMihlKX19LHtrZXk6ImdldEludDMyIix2YWx1ZTpmdW5jdGlvbihlKXtyZXR1cm4gdGhpcy5fZGF0YXZpZXcuZ2V0SW50MzIoZSl9fSx7a2V5OiJza2lwIix2YWx1ZTpmdW5jdGlvbih0KXtmb3IodmFyIG49TWF0aC5mbG9vcih0LzQpLHI9dCU0LGk9MDtpPG47aSsrKWUucmVhZEJ5dGUodGhpcyw0KTtyPjAmJmUucmVhZEJ5dGUodGhpcyxyKX19LHtrZXk6InJlYWRVaW50OCIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDEpfX0se2tleToicmVhZFVpbnQxNiIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDIpfX0se2tleToicmVhZFVpbnQyNCIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDMpfX0se2tleToicmVhZFVpbnQzMiIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDQpfX0se2tleToicmVhZFVpbnQ2NCIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDgpfX0se2tleToicmVhZEludDgiLHZhbHVlOmZ1bmN0aW9uKCl7cmV0dXJuIGUucmVhZEJ5dGUodGhpcywxLCEwKX19LHtrZXk6InJlYWRJbnQxNiIsdmFsdWU6ZnVuY3Rpb24oKXtyZXR1cm4gZS5yZWFkQnl0ZSh0aGlzLDIsITApfX0se2tleToicmVhZEludDMyIix2YWx1ZTpmdW5jdGlvbigpe3JldHVybiBlLnJlYWRCeXRlKHRoaXMsNCwhMCl9fSx7a2V5OiJ3cml0ZVVpbnQzMiIsdmFsdWU6ZnVuY3Rpb24oZSl7cmV0dXJuIG5ldyBVaW50OEFycmF5KFtlPj4+MjQmMjU1LGU+Pj4xNiYyNTUsZT4+PjgmMjU1LDI1NSZlXSl9fV0pJiZuKHQucHJvdG90eXBlLHIpLGkmJm4odCxpKSxPYmplY3QuZGVmaW5lUHJvcGVydHkodCwicHJvdG90eXBlIix7d3JpdGFibGU6ITF9KSxlfSgpO2Z1bmN0aW9uIGkoZSxuKXtmb3IodmFyIHI9MDtyPG4ubGVuZ3RoO3IrKyl7dmFyIGk9bltyXTtpLmVudW1lcmFibGU9aS5lbnVtZXJhYmxlfHwhMSxpLmNvbmZpZ3VyYWJsZT0hMCwidmFsdWUiaW4gaSYmKGkud3JpdGFibGU9ITApLE9iamVjdC5kZWZpbmVQcm9wZXJ0eShlLChhPWkua2V5LG89dm9pZCAwLG89ZnVuY3Rpb24oZSxuKXtpZigib2JqZWN0IiE9PXQoZSl8fG51bGw9PT1lKXJldHVybiBlO3ZhciByPWVbU3ltYm9sLnRvUHJpbWl0aXZlXTtpZih2b2lkIDAhPT1yKXt2YXIgaT1yLmNhbGwoZSxufHwiZGVmYXVsdCIpO2lmKCJvYmplY3QiIT09dChpKSlyZXR1cm4gaTt0aHJvdyBuZXcgVHlwZUVycm9yKCJAQHRvUHJpbWl0aXZlIG11c3QgcmV0dXJuIGEgcHJpbWl0aXZlIHZhbHVlLiIpfXJldHVybigic3RyaW5nIj09PW4/U3RyaW5nOk51bWJlcikoZSl9KGEsInN0cmluZyIpLCJzeW1ib2wiPT09dChvKT9vOlN0cmluZyhvKSksaSl9dmFyIGEsb31mdW5jdGlvbiBhKGUpe3ZhciB0PWFyZ3VtZW50cy5sZW5ndGg+MSYmdm9pZCAwIT09YXJndW1lbnRzWzFdP2FyZ3VtZW50c1sxXTowO3JldHVybihlW3RdPDwyND4+PjApKyhlW3QrMV08PDE2KSsoZVt0KzJdPDw4KSsoZVt0KzNdfHwwKX12YXIgbz1mdW5jdGlvbigpe2Z1bmN0aW9uIGUoKXshZnVuY3Rpb24oZSx0KXtpZighKGUgaW5zdGFuY2VvZiB0KSl0aHJvdyBuZXcgVHlwZUVycm9yKCJDYW5ub3QgY2FsbCBhIGNsYXNzIGFzIGEgZnVuY3Rpb24iKX0odGhpcyxlKX12YXIgdCxuLHI7cmV0dXJuIHQ9ZSxyPVt7a2V5OiJwYXJzZUFubmV4QiIsdmFsdWU6ZnVuY3Rpb24oZSl7dmFyIHQ9ZS5ieXRlTGVuZ3RoLTEsbj0wO2Rve2lmKDAhPT1lW3RdKWJyZWFrO24rKyx0LS19d2hpbGUodD4wKTtuPj0zJiYoZT1lLnN1YmFycmF5KDAsdCsxKSk7Zm9yKHZhciByPWUubGVuZ3RoLGk9MixhPTA7bnVsbCE9PWVbaV0mJnZvaWQgMCE9PWVbaV0mJjEhPT1lW2ldOylpKys7aWYoKGE9MisgKytpKT49cilyZXR1cm5bXTtmb3IodmFyIG89W107YTxyOylzd2l0Y2goZVthXSl7Y2FzZSAwOmlmKDAhPT1lW2EtMV0pe2ErPTI7YnJlYWt9aWYoMCE9PWVbYS0yXSl7YSsrO2JyZWFrfWlmKGE8ci0xJiYxIT09ZVthKzFdKXthKys7YnJlYWt9aSE9PWEtMiYmby5wdXNoKGUuc3ViYXJyYXkoaSxhLTIpKTtkb3thKyt9d2hpbGUoMSE9PWVbYV0mJmE8cik7YT0oaT1hKzEpKzI7YnJlYWs7Y2FzZSAxOmlmKDAhPT1lW2EtMV18fDAhPT1lW2EtMl0pe2ErPTM7YnJlYWt9aSE9PWEtMiYmby5wdXNoKGUuc3ViYXJyYXkoaSxhLTIpKSxhPShpPWErMSkrMjticmVhaztkZWZhdWx0OmErPTN9cmV0dXJuIGk8ciYmby5wdXNoKGUuc3ViYXJyYXkoaSkpLG99fSx7a2V5OiJwYXJzZUF2Y0MiLHZhbHVlOmZ1bmN0aW9uKGUpe3ZhciB0PWFyZ3VtZW50cy5sZW5ndGg+MSYmdm9pZCAwIT09YXJndW1lbnRzWzFdP2FyZ3VtZW50c1sxXTo0O2lmKCEoZS5sZW5ndGg8NCkpe2Zvcih2YXIgbixyPWUubGVuZ3RoLGk9W10sbz0wO28rdDxyOylpZihuPWEoZSxvKSwzPT09dCYmKG4+Pj49OCksbys9dCxuKXtpZihvK24+cilicmVhaztpLnB1c2goZS5zdWJhcnJheShvLG8rbikpLG8rPW59cmV0dXJuIGl9fX0se2tleToicGFyc2VTRUkiLHZhbHVlOmZ1bmN0aW9uKGUsdCl7Zm9yKHZhciBuPWUubGVuZ3RoLHI9dD8yOjEsaT0wLGE9MCxvPSIiOzI1NT09PWVbcl07KWkrPTI1NSxyKys7Zm9yKGkrPWVbcisrXTsyNTU9PT1lW3JdOylhKz0yNTUscisrO2lmKGErPWVbcisrXSw1PT09aSYmbj5yKzE2KWZvcih2YXIgdT0wO3U8MTY7dSsrKW8rPWVbcl0udG9TdHJpbmcoMTYpLHIrKztyZXR1cm57cGF5bG9hZDplLnN1YmFycmF5KHIscithKSx0eXBlOmksc2l6ZTphLHV1aWQ6b319fSx7a2V5OiJyZW1vdmVFUEIiLHZhbHVlOmZ1bmN0aW9uKGUpe2Zvcih2YXIgdD1lLmJ5dGVMZW5ndGgsbj1bXSxyPTE7cjx0LTI7KTA9PT1lW3JdJiYwPT09ZVtyKzFdJiYzPT09ZVtyKzJdPyhuLnB1c2gocisyKSxyKz0yKTpyKys7aWYoIW4ubGVuZ3RoKXJldHVybiBlO3ZhciBpPXQtbi5sZW5ndGgsYT1uZXcgVWludDhBcnJheShpKSxvPTA7Zm9yKHI9MDtyPGk7bysrLHIrKylvPT09blswXSYmKG8rKyxuLnNoaWZ0KCkpLGFbcl09ZVtvXTtyZXR1cm4gYX19XSwobj1udWxsKSYmaSh0LnByb3RvdHlwZSxuKSxyJiZpKHQsciksT2JqZWN0LmRlZmluZVByb3BlcnR5KHQsInByb3RvdHlwZSIse3dyaXRhYmxlOiExfSksZX0oKTsidW5kZWZpbmVkIiE9dHlwZW9mIHNlbGYmJiJEZWRpY2F0ZWRXb3JrZXJHbG9iYWxTY29wZSI9PT1zZWxmLmNvbnN0cnVjdG9yLm5hbWUmJnNlbGYuYWRkRXZlbnRMaXN0ZW5lcigicnRjdHJhbnNmb3JtIiwoZnVuY3Rpb24odCl7dmFyIG4saT10LnRyYW5zZm9ybWVyLGE9aS5vcHRpb25zLnBvcnQsdT0obj1mdW5jdGlvbihlKXthLnBvc3RNZXNzYWdlKGUpfSxuZXcgVHJhbnNmb3JtU3RyZWFtKHt0cmFuc2Zvcm06ZnVuY3Rpb24odCxpKXt2YXIgYT1lLmlzSDI2NVZpZGVvRnJhbWUodCk7ZS5nZXROQUxVbml0cyhuZXcgcih0LmRhdGEpLGEpLmZvckVhY2goKGZ1bmN0aW9uKGUpe2lmKGUuc2VpKXt2YXIgdD1vLnBhcnNlU0VJKG8ucmVtb3ZlRVBCKGUuYm9keSksITEpO3QmJm4oe2RhdGE6dCxzZWk6e2NvZGU6dC50eXBlLGNvbnRlbnQ6dC5wYXlsb2FkfX0pfX0pKSxpLmVucXVldWUodCl9fSkpO2kucmVhZGFibGUucGlwZVRocm91Z2godSkucGlwZVRvKHQudHJhbnNmb3JtZXIud3JpdGFibGUpfSkpfSgpOwo=";
   var blob = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs)], {
     type: "text/javascript;charset=utf-8"
   });
@@ -5934,21 +6064,19 @@
       objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
     }
   }
-  var AudioStallObserver = /* @__PURE__ */ function() {
-    function AudioStallObserver2() {
-      _classCallCheck$3(this, AudioStallObserver2);
-      _defineProperty$2(this, "_audioStallTimer", null);
-      _defineProperty$2(this, "_preSample", null);
-      _defineProperty$2(this, "_isStallInPreReportEnd", false);
-      _defineProperty$2(this, "_stallList", []);
-      _defineProperty$2(this, "_audioTransceiver", null);
-    }
-    _createClass$3(AudioStallObserver2, [{
+  var _AudioStallObserver = /* @__PURE__ */ function() {
+    function _AudioStallObserver2() {
+      _classCallCheck$3(this, _AudioStallObserver2);
+      this._isStallInPreReportEnd = false;
+      this._stallList = [];
+      this._audioTransceiver = null;
+    }
+    _createClass$3(_AudioStallObserver2, [{
       key: "start",
       value: function start(transceiver) {
         this.stop();
         this._audioTransceiver = transceiver;
-        if (AudioStallObserver2.interval >= 100) {
+        if (_AudioStallObserver2.interval >= 100) {
           this._startStallCountInterval();
         }
       }
@@ -5958,7 +6086,7 @@
         this._stallList = [];
         if (this._audioStallTimer) {
           clearTimeout(this._audioStallTimer);
-          this._audioStallTimer = null;
+          delete this._audioStallTimer;
         }
       }
     }, {
@@ -6024,12 +6152,12 @@
                 switch (_context2.prev = _context2.next) {
                   case 0:
                     clearTimeout(_this._audioStallTimer);
-                    _this._audioStallTimer = null;
+                    delete _this._audioStallTimer;
                     _context2.next = 4;
                     return _this._audioStallCount();
                   case 4:
                     if (!_this._audioStallTimer) {
-                      _this._audioStallTimer = setTimeout(loop, AudioStallObserver2.interval);
+                      _this._audioStallTimer = setTimeout(loop, _AudioStallObserver2.interval);
                     }
                   case 5:
                   case "end":
@@ -6041,7 +6169,7 @@
             return _ref.apply(this, arguments);
           };
         }();
-        this._audioStallTimer = setTimeout(loop, AudioStallObserver2.interval);
+        this._audioStallTimer = setTimeout(loop, _AudioStallObserver2.interval);
       }
     }, {
       key: "_audioStallCount",
@@ -6052,7 +6180,7 @@
             while (1)
               switch (_context3.prev = _context3.next) {
                 case 0:
-                  if (!(this._preSample && Date.now() - this._preSample.ts < AudioStallObserver2.interval * 0.5)) {
+                  if (!(this._preSample && Date.now() - this._preSample.ts < _AudioStallObserver2.interval * 0.5)) {
                     _context3.next = 2;
                     break;
                   }
@@ -6106,7 +6234,7 @@
                     _inboundRTP3 = inboundRTP, concealedSamples = _inboundRTP3.concealedSamples, totalSamplesReceived = _inboundRTP3.totalSamplesReceived;
                     interval_concealed_samples = concealedSamples - this._preSample.concealedSamples;
                     interval_samples_received = totalSamplesReceived - this._preSample.totalSamplesReceived;
-                    is_stall = interval_concealed_samples >= 0 && interval_samples_received >= 0 && interval_concealed_samples >= AudioStallObserver2.ratio * interval_samples_received;
+                    is_stall = interval_concealed_samples >= 0 && interval_samples_received >= 0 && interval_concealed_samples >= _AudioStallObserver2.ratio * interval_samples_received;
                     this._stallList.push({
                       concealed: interval_concealed_samples,
                       received: interval_samples_received,
@@ -6134,10 +6262,11 @@
         return _audioStallCount;
       }()
     }]);
-    return AudioStallObserver2;
+    return _AudioStallObserver2;
   }();
-  _defineProperty$2(AudioStallObserver, "interval", 100);
-  _defineProperty$2(AudioStallObserver, "ratio", 0.6);
+  var AudioStallObserver = _AudioStallObserver;
+  AudioStallObserver.interval = 100;
+  AudioStallObserver.ratio = 0.6;
   var computeStallInfo = function computeStallInfo2(list, times, isStallInPreEnd) {
     var _list$;
     var res = {
@@ -6206,13 +6335,22 @@
     function VideoStallObserver2() {
       var _this = this;
       _classCallCheck$3(this, VideoStallObserver2);
-      _defineProperty$2(this, "_handleVisibilityChange", function() {
+      this._videoInWaiting100ms = false;
+      this._videoInWaiting500ms = false;
+      this._pauseStart = 0;
+      this._pauseDuration = 0;
+      this._stallTimeThreshold = {
+        stall500ms: isSafari() || isFirefox() ? 550 : 500,
+        stall100ms: 100
+      };
+      this._support100msStall = checkVideoFrameCallback();
+      this._handleVisibilityChange = function() {
         if (document.visibilityState === "hidden") {
           _this._framePause();
         }
-      });
-      _defineProperty$2(this, "_framePause", function() {
-        if (_this._prePts) {
+      };
+      this._framePause = function() {
+        if (_this._prePts && _this._stallList) {
           var current = performance.now();
           var delta = current - _this._prePts;
           _this._stallList.push({
@@ -6221,23 +6359,7 @@
           });
           _this._prePts = void 0;
         }
-      });
-      this._removeHandler = void 0;
-      this._remotePlayPauseHandler = void 0;
-      this._prePts = void 0;
-      this._stallList = void 0;
-      this._videoInWaiting100ms = false;
-      this._videoInWaiting500ms = false;
-      this._isPaused = void 0;
-      this._pauseStart = 0;
-      this._pauseDuration = 0;
-      this._requestVideoFrameCallbackTimer = void 0;
-      this._player = void 0;
-      this._stallTimeThreshold = {
-        stall500ms: isSafari() || isFirefox() ? 550 : 500,
-        stall100ms: 100
       };
-      this._support100msStall = checkVideoFrameCallback();
     }
     _createClass$3(VideoStallObserver2, [{
       key: "start",
@@ -6275,7 +6397,7 @@
           player.removeEventListener("play", handlePlay);
         };
         document.addEventListener("visibilitychange", this._handleVisibilityChange);
-        document.addEventListener("pagehide", this._framePause());
+        window.addEventListener("pagehide", this._framePause);
       }
     }, {
       key: "stop",
@@ -6294,7 +6416,7 @@
         this._videoInWaiting100ms = false;
         this._videoInWaiting500ms = false;
         document.removeEventListener("visibilitychange", this._handleVisibilityChange);
-        document.removeEventListener("pagehide", this._framePause());
+        window.removeEventListener("pagehide", this._framePause);
       }
     }, {
       key: "destroy",
@@ -6363,7 +6485,7 @@
           }
           var _stallInfo$stall = stallInfo.stall, stallDuration500ms = _stallInfo$stall.stallDuration500ms, stallDuration100ms = _stallInfo$stall.stallDuration100ms;
           stallInfo.stall.stallRate500ms = Math.min(Number((stallDuration500ms / interval).toFixed(4)), 1);
-          if (this._support100msStall) {
+          if (this._support100msStall && stallDuration100ms) {
             stallInfo.stall.stallRate100ms = Math.min(Number((stallDuration100ms / interval).toFixed(4)), 1);
           } else {
             delete stallInfo.stall.stallRate100ms;
@@ -6529,7 +6651,7 @@
       receivedSampleRate: diffNumber(oldStats, newStats, "totalSamplesReceived") / statsInterval,
       concealedSamples: Math.round(diffNumber(oldStats, newStats, "concealedSamples")),
       concealmentEvent: Math.round(diffNumber(oldStats, newStats, "concealmentEvents")),
-      e2eDelay: Math.round(newStats.rtt + jitterBufferDelay)
+      e2eDelay: Math.round((newStats.rtt || 0) + jitterBufferDelay)
     };
   }
   function getRecvVideoStats(_x2) {
@@ -6600,12 +6722,16 @@
     var nackCount = diffNumber(oldStats, newStats, "nackCount");
     var packetsReceived = diffNumber(oldStats, newStats, "packetsReceived");
     var jitterBufferDelay = Math.round(diffNumber(oldStats, newStats, "jitterBufferDelay") / diffNumber(oldStats, newStats, "jitterBufferEmittedCount") * 1e3);
+    var newResolution = (newStats.width || 0) * (newStats.height || 0);
+    var oldResolution = (oldStats.width || 0) * (oldStats.height || 0);
+    var abrState = newResolution === 0 || oldResolution === 0 ? "none" : newResolution > oldResolution ? "upgrade" : newResolution < oldResolution ? "degrade" : "none";
     return {
       statsInterval,
+      abrState,
       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),
@@ -6620,7 +6746,7 @@
       firCount: diffNumber(oldStats, newStats, "firCount"),
       nackCount,
       pliCount: diffNumber(oldStats, newStats, "pliCount"),
-      e2eDelay: Math.round(newStats.rtt + jitterBufferDelay),
+      e2eDelay: Math.round((newStats.rtt || 0) + jitterBufferDelay),
       retransmittedRate: +(nackCount / (packetsReceived + packetsLostDiff)).toFixed(2)
     };
   }
@@ -6653,11 +6779,11 @@
     DOWN: 6
   };
   var NetworkQuality = /* @__PURE__ */ function() {
-    function NetworkQuality2(peer, networkQualityParams) {
+    function NetworkQuality2(_peer, _networkQualityParams) {
       _classCallCheck$3(this, NetworkQuality2);
-      _defineProperty$2(this, "_preDownlinkStats", []);
-      this._peer = peer;
-      this._networkQualityParams = networkQualityParams;
+      this._peer = _peer;
+      this._networkQualityParams = _networkQualityParams;
+      this._preDownlinkStats = [];
     }
     _createClass$3(NetworkQuality2, [{
       key: "getDownlinkQuality",
@@ -6712,11 +6838,11 @@
         } else {
           quality = QosLevel.VBAD;
         }
-        if (retransmittedRate > qosQualityParams[QosLevel.BAD].minRetransmittedRate) {
+        if (retransmittedRate > (qosQualityParams[QosLevel.BAD].minRetransmittedRate || 0.5)) {
           quality = Math.max(quality, QosLevel.BAD);
-        } else if (retransmittedRate > qosQualityParams[QosLevel.POOR].minRetransmittedRate) {
+        } else if (retransmittedRate > (qosQualityParams[QosLevel.POOR].minRetransmittedRate || 0.35)) {
           quality = Math.max(quality, QosLevel.POOR);
-        } else if (retransmittedRate > qosQualityParams[QosLevel.GOOD].minRetransmittedRate) {
+        } else if (retransmittedRate > (qosQualityParams[QosLevel.GOOD].minRetransmittedRate || 0.2)) {
           quality = Math.max(quality, QosLevel.GOOD);
         }
         return quality;
@@ -6757,6 +6883,240 @@
     }]);
     return NetworkQuality2;
   }();
+  var FIRST_FRAME_STATE_ORDER = [RTC_FIRST_FRAME_STATE.LOAD_START, RTC_FIRST_FRAME_STATE.OFFER_SDP_READY, RTC_FIRST_FRAME_STATE.ANSWER_SDP_RECV, RTC_FIRST_FRAME_STATE.ANSWER_SDP_READY, RTC_FIRST_FRAME_STATE.ICE_CONNECTED, RTC_FIRST_FRAME_STATE.DTLS_CONNECTED, RTC_FIRST_FRAME_STATE.PEER_CONNECTED, RTC_FIRST_FRAME_STATE.FIRST_PACKET_RECV, RTC_FIRST_FRAME_STATE.FIRST_FRAME_RECV, RTC_FIRST_FRAME_STATE.FIRST_FRAME_DECODED, RTC_FIRST_FRAME_STATE.VIDEO_LOADEDDATA, RTC_FIRST_FRAME_STATE.VIDEO_CANPLAY, RTC_FIRST_FRAME_STATE.VIDEO_PLAYING];
+  var FirstFrameObserver = /* @__PURE__ */ function() {
+    function FirstFrameObserver2(_emitFirstFrameState) {
+      var _this = this;
+      _classCallCheck$3(this, FirstFrameObserver2);
+      this._emitFirstFrameState = _emitFirstFrameState;
+      this._startConnectTs = 0;
+      this._firstVideoFrameInterval = null;
+      this._preState = null;
+      this._state = {};
+      this._pc = null;
+      this._video = null;
+      this._videoTransceiver = null;
+      this._extraInfo = {
+        is_preload: false
+      };
+      this._handleConnectionStateChange = function() {
+        var _this$_pc;
+        if (((_this$_pc = _this._pc) === null || _this$_pc === void 0 ? void 0 : _this$_pc.connectionState) === "connected" && _this._videoTransceiver) {
+          _this.changeFirstFrameState(RTC_FIRST_FRAME_STATE.PEER_CONNECTED);
+          _this._watchForFirstVideoFrameRecv(_this._videoTransceiver);
+        }
+      };
+      this._handleICEConnectionStateChange = function() {
+        var _this$_pc2;
+        if (((_this$_pc2 = _this._pc) === null || _this$_pc2 === void 0 ? void 0 : _this$_pc2.iceConnectionState) === "connected") {
+          _this.changeFirstFrameState(RTC_FIRST_FRAME_STATE.ICE_CONNECTED);
+        }
+      };
+      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() {
+        _this.reset();
+      };
+    }
+    _createClass$3(FirstFrameObserver2, [{
+      key: "start",
+      value: function start() {
+        this.reset();
+        this._startConnectTs = Date.now();
+        this.changeFirstFrameState(RTC_FIRST_FRAME_STATE.LOAD_START);
+      }
+    }, {
+      key: "changeFirstFrameState",
+      value: function changeFirstFrameState(state) {
+        var _ref, _this2 = this;
+        var preIdx = (_ref = this._preState && FIRST_FRAME_STATE_ORDER.indexOf(this._preState)) !== null && _ref !== void 0 ? _ref : -1;
+        var curIdx = FIRST_FRAME_STATE_ORDER.indexOf(state);
+        var elapsed = Date.now() - this._startConnectTs;
+        if (curIdx > preIdx) {
+          FIRST_FRAME_STATE_ORDER.slice(preIdx + 1, curIdx + 1).forEach(function(s) {
+            _this2._state[s] = elapsed;
+          });
+          this._preState = state;
+        }
+      }
+    }, {
+      key: "setIsPreload",
+      value: function setIsPreload(isPreload) {
+        this._extraInfo.is_preload = isPreload;
+      }
+    }, {
+      key: "setFailureReason",
+      value: function setFailureReason(reason) {
+        this._extraInfo.failure_reason = reason;
+      }
+    }, {
+      key: "bindEvents",
+      value: function bindEvents(pc, videoTransceiver, video) {
+        var _this3 = this;
+        this._pc = pc;
+        this._video = video;
+        this._videoTransceiver = videoTransceiver;
+        pc.addEventListener("connectionstatechange", this._handleConnectionStateChange);
+        pc.addEventListener("iceconnectionstatechange", this._handleICEConnectionStateChange);
+        var _ref2 = (videoTransceiver === null || videoTransceiver === void 0 ? void 0 : videoTransceiver.receiver) || {}, transport = _ref2.transport;
+        if (transport) {
+          transport.onstatechange = function() {
+            transport.state === "connected" && _this3.changeFirstFrameState(RTC_FIRST_FRAME_STATE.DTLS_CONNECTED);
+          };
+        }
+        video === null || video === void 0 ? void 0 : video.addEventListener("playing", this._handlePlaying);
+        video === null || video === void 0 ? void 0 : video.addEventListener("canplay", this._handleCanplay);
+        video === null || video === void 0 ? void 0 : video.addEventListener("loadeddata", this._handleLoadeddata);
+        video === null || video === void 0 ? void 0 : video.addEventListener("error", this._handleError);
+      }
+    }, {
+      key: "_watchForFirstVideoFrameRecv",
+      value: function _watchForFirstVideoFrameRecv(videoTransceiver) {
+        var _this4 = this;
+        var hasPacketsReceived = false;
+        var hasFrameReceived = false;
+        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)
+              switch (_context.prev = _context.next) {
+                case 0:
+                  receiver = videoTransceiver.receiver;
+                  _context.next = 3;
+                  return receiver.getStats();
+                case 3:
+                  reports = _context.sent;
+                  reports.forEach(function(report) {
+                    if (report.type === "inbound-rtp") {
+                      inboundRtpStats = report;
+                    }
+                  });
+                  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 && (_inboundRtpStats2 = inboundRtpStats) !== null && _inboundRtpStats2 !== void 0 && _inboundRtpStats2.framesReceived && inboundRtpStats.framesReceived > 0) {
+                    hasFrameReceived = true;
+                    _this4.changeFirstFrameState(RTC_FIRST_FRAME_STATE.FIRST_FRAME_RECV);
+                  }
+                  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();
+                  }
+                case 8:
+                case "end":
+                  return _context.stop();
+              }
+          }, _callee);
+        })), 200);
+      }
+    }, {
+      key: "_cancelWatchForFirstVideoFrameRecv",
+      value: function _cancelWatchForFirstVideoFrameRecv() {
+        if (this._firstVideoFrameInterval) {
+          window.clearInterval(this._firstVideoFrameInterval);
+          this._firstVideoFrameInterval = null;
+        }
+      }
+    }, {
+      key: "reset",
+      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);
+          });
+        }
+        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) {
@@ -6767,6 +7127,111 @@
   function isHarmonyOS() {
     return /(HarmonyOS|OpenHarmony|ArkWeb)/i.test(navigator.userAgent);
   }
+  function compareURL(url1, url2) {
+    var queryKeys = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
+    if (typeof url1 !== "string" || typeof url2 !== "string") {
+      return false;
+    }
+    if (!url1.includes("://")) {
+      url1 = window.location.protocol + "//" + url1;
+    }
+    if (!url2.includes("://")) {
+      url2 = window.location.protocol + "//" + url2;
+    }
+    var url1Obj;
+    var url2Obj;
+    try {
+      url1Obj = new URL(url1);
+      url2Obj = new URL(url2);
+    } catch (e) {
+      return false;
+    }
+    if (url1Obj.host + url1Obj.pathname !== url2Obj.host + url2Obj.pathname) {
+      return false;
+    }
+    var _iterator = _createForOfIteratorHelper$1(queryKeys), _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+        var key = _step.value;
+        if (url1Obj.searchParams.get(key) !== url2Obj.searchParams.get(key)) {
+          return false;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return true;
+  }
+  function addUrlParams(url, params) {
+    if (!params || Object.keys(params).length === 0) {
+      return url;
+    }
+    var urlParams = url.includes("?") ? new URLSearchParams(url.split("?")[1]) : new URLSearchParams();
+    Object.keys(params).forEach(function(key) {
+      urlParams.set(key, params[key]);
+    });
+    return url.split("?")[0] + "?" + urlParams.toString();
+  }
+  function isHeyTapBrowser() {
+    return /(HeyTapBrowser)/i.test(navigator.userAgent);
+  }
+  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);
@@ -6775,31 +7240,28 @@
       var _this;
       _classCallCheck$3(this, Rts2);
       _this = _super.call(this);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_url", "");
-      _defineProperty$2(_assertThisInitialized$1(_this), "_pc", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_audioTransceicer", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_videoTransceicer", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_mediaStream", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_lastMediaStream", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_media", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_player", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_opts", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_loader", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_networkEvaluate", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_retry", 0);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_waitingTimer", 0);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_rctConnectStartTs", 0);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_isReplacing", false);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_checkStatsErrorTimer", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_audioStallObserver", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_videoStallObserver", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_networkQuality", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_preAudioStats", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_preVideoStats", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_rtcReportTimer", 0);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_networkQualityResult", []);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_peerStateTimer", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_checkStatsError", /* @__PURE__ */ _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee2() {
+      _this._url = "";
+      _this._pc = null;
+      _this._audioTransceicer = null;
+      _this._videoTransceicer = null;
+      _this._mediaStream = null;
+      _this._lastMediaStream = null;
+      _this._loader = null;
+      _this._networkEvaluate = null;
+      _this._retry = 0;
+      _this._player = null;
+      _this._waitingTimer = 0;
+      _this._rctConnectStartTs = 0;
+      _this._isReplacing = false;
+      _this._firstFrameObserver = new FirstFrameObserver(_this._emitFirstFrameState.bind(_assertThisInitialized$1(_this)));
+      _this._audio = null;
+      _this._video = null;
+      _this._preAudioStats = null;
+      _this._preVideoStats = null;
+      _this._rtcReportTimer = null;
+      _this._networkQualityResult = [];
+      _this._videoJitterBufferDelay = 0;
+      _this._checkStatsError = /* @__PURE__ */ _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee2() {
         return _regeneratorRuntime$1().wrap(function _callee2$(_context2) {
           while (1)
             switch (_context2.prev = _context2.next) {
@@ -6840,12 +7302,16 @@
                 return _context2.stop();
             }
         }, _callee2);
-      })));
-      _defineProperty$2(_assertThisInitialized$1(_this), "_onTrack", function(e) {
+      }));
+      _this._onTrack = function(e) {
         logger.log("addTrack: ", e.track, e.streams);
-        _this["_".concat(e.track.kind)] = e.track;
-      });
-      _defineProperty$2(_assertThisInitialized$1(_this), "_mockWaitingByTimeupdate", function() {
+        if (e.track.kind === "audio") {
+          _this._audio = e.track;
+        } else {
+          _this._video = e.track;
+        }
+      };
+      _this._mockWaitingByTimeupdate = function() {
         var _this$_pc, _this$_pc2;
         if (!(((_this$_pc = _this._pc) === null || _this$_pc === void 0 ? void 0 : _this$_pc.connectionState) === "connected" || ((_this$_pc2 = _this._pc) === null || _this$_pc2 === void 0 ? void 0 : _this$_pc2.iceConnectionState) === "connected"))
           return;
@@ -6856,8 +7322,8 @@
             return;
           _this.emit("waiting");
         }, _this._opts.stallInterval);
-      });
-      _defineProperty$2(_assertThisInitialized$1(_this), "_onLoadedData", function() {
+      };
+      _this._onLoadedData = function() {
         logger.log("loadeddata emit");
         _this.getStatsSnapshoot().then(function(snap) {
           _this.emit(EVENT.METADATA_PARSED, {
@@ -6871,19 +7337,15 @@
             meta: snap.audio
           });
         });
-      });
-      _defineProperty$2(_assertThisInitialized$1(_this), "_setDelay", function(delayHint) {
+      };
+      _this._setDelay = function(delayHint) {
         if (_this._opts.progressiveSetDelay) {
           _this._startSetDelayLoop(delayHint);
         } else {
           var _this$_audioTransceic2;
-          var key = [
-            "playoutDelayHint",
-            "jitterBufferDelayHint",
-            "jitterBufferTarget"
-          ].find(function(key2) {
+          var key = ["playoutDelayHint", "jitterBufferDelayHint", "jitterBufferTarget"].find(function(key2) {
             var _this$_audioTransceic, _this$_videoTransceic;
-            return key2 in ((_this$_audioTransceic = _this._audioTransceicer) === null || _this$_audioTransceic === void 0 ? void 0 : _this$_audioTransceic.receiver) && key2 in ((_this$_videoTransceic = _this._videoTransceicer) === null || _this$_videoTransceic === void 0 ? void 0 : _this$_videoTransceic.receiver);
+            return key2 in (((_this$_audioTransceic = _this._audioTransceicer) === null || _this$_audioTransceic === void 0 ? void 0 : _this$_audioTransceic.receiver) || {}) && key2 in (((_this$_videoTransceic = _this._videoTransceicer) === null || _this$_videoTransceic === void 0 ? void 0 : _this$_videoTransceic.receiver) || {});
           });
           if (!key)
             return;
@@ -6893,24 +7355,19 @@
           _this._audioTransceicer.receiver[key] = delayHint;
           _this._videoTransceicer.receiver[key] = delayHint;
         }
-      });
-      _defineProperty$2(_assertThisInitialized$1(_this), "_targetDelayHint", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_setDelayTimer", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_setDelayError", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_startSetDelayLoop", /* @__PURE__ */ function() {
+      };
+      _this._targetDelayHint = null;
+      _this._setDelayError = null;
+      _this._startSetDelayLoop = /* @__PURE__ */ function() {
         var _ref3 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee4(delayHint) {
           var key, preAudioStats, preVideoStats, _this$_opts$adaptiveJ, loopInterval, maxAvSyncDelay, maxJitterBufferDiff, maxStep, avDiffTooMuchCount;
           return _regeneratorRuntime$1().wrap(function _callee4$(_context4) {
             while (1)
               switch (_context4.prev = _context4.next) {
                 case 0:
-                  key = [
-                    "playoutDelayHint",
-                    "jitterBufferDelayHint",
-                    "jitterBufferTarget"
-                  ].find(function(key2) {
+                  key = ["playoutDelayHint", "jitterBufferDelayHint", "jitterBufferTarget"].find(function(key2) {
                     var _this$_audioTransceic3, _this$_videoTransceic2;
-                    return key2 in ((_this$_audioTransceic3 = _this._audioTransceicer) === null || _this$_audioTransceic3 === void 0 ? void 0 : _this$_audioTransceic3.receiver) && key2 in ((_this$_videoTransceic2 = _this._videoTransceicer) === null || _this$_videoTransceic2 === void 0 ? void 0 : _this$_videoTransceic2.receiver);
+                    return key2 in (((_this$_audioTransceic3 = _this._audioTransceicer) === null || _this$_audioTransceic3 === void 0 ? void 0 : _this$_audioTransceic3.receiver) || {}) && key2 in (((_this$_videoTransceic2 = _this._videoTransceicer) === null || _this$_videoTransceic2 === void 0 ? void 0 : _this$_videoTransceic2.receiver) || {});
                   });
                   if (key) {
                     _context4.next = 3;
@@ -6925,13 +7382,14 @@
                   }
                   return _context4.abrupt("return");
                 case 6:
+                  logger.log("_startSetDelayLoop()", "invoked, delayHint: ".concat(delayHint));
                   _this._targetDelayHint = delayHint;
                   if (!_this._setDelayTimer) {
-                    _context4.next = 9;
+                    _context4.next = 10;
                     break;
                   }
                   return _context4.abrupt("return");
-                case 9:
+                case 10:
                   preAudioStats = null;
                   preVideoStats = null;
                   _this$_opts$adaptiveJ = _this._opts.adaptiveJitterBuffer, loopInterval = _this$_opts$adaptiveJ.loopInterval, maxAvSyncDelay = _this$_opts$adaptiveJ.maxAvSyncDelay, maxJitterBufferDiff = _this$_opts$adaptiveJ.maxJitterBufferDiff, maxStep = _this$_opts$adaptiveJ.maxStep;
@@ -6958,7 +7416,7 @@
                             }
                             return _context3.abrupt("return");
                           case 8:
-                            targetDelayMs = _this._targetDelayHint * 1e3;
+                            targetDelayMs = (_this._targetDelayHint || 0) * 1e3;
                             currentTargetDelayMs = currentTargetDelay * 1e3;
                             _context3.next = 12;
                             return Promise.all([getRecvAudioStats(_this._audioTransceicer.receiver.getStats()), getRecvVideoStats(_this._videoTransceicer.receiver.getStats())]);
@@ -6987,7 +7445,7 @@
                               break;
                             }
                             if (avDiffTooMuchCount++ > 8 && currentVideoDelay > currentAudioDelay) {
-                              _this._audioTransceicer.receiver[key] = Math.min(currentVideoDelay / 1e3, _this._targetDelayHint);
+                              _this._audioTransceicer.receiver[key] = Math.min(currentVideoDelay / 1e3, _this._targetDelayHint || 0);
                               avDiffTooMuchCount = 0;
                             }
                             logger.log("av_jb_diff(".concat(currentAudioDelay - currentVideoDelay, "=").concat(currentAudioDelay, "-").concat(currentVideoDelay, ") or av_sync_diff(").concat(av_sync_diff, ") too much, skip setting"));
@@ -7022,7 +7480,7 @@
                         }
                     }, _callee3, null, [[0, 40]]);
                   })), loopInterval);
-                case 14:
+                case 15:
                 case "end":
                   return _context4.stop();
               }
@@ -7031,26 +7489,31 @@
         return function(_x) {
           return _ref3.apply(this, arguments);
         };
-      }());
-      _defineProperty$2(_assertThisInitialized$1(_this), "_getDelay", function() {
+      }();
+      _this._getDelay = function() {
         try {
+          var _this$_audioTransceic6;
           var key = ["playoutDelayHint", "jitterBufferDelayHint", "jitterBufferTarget"].find(function(key2) {
-            return key2 in _this._videoTransceicer.receiver && key2 in _this._audioTransceicer.receiver;
+            var _this$_videoTransceic4, _this$_audioTransceic5;
+            return key2 in (((_this$_videoTransceic4 = _this._videoTransceicer) === null || _this$_videoTransceic4 === void 0 ? void 0 : _this$_videoTransceic4.receiver) || {}) && key2 in (((_this$_audioTransceic5 = _this._audioTransceicer) === null || _this$_audioTransceic5 === void 0 ? void 0 : _this$_audioTransceic5.receiver) || {});
           });
-          return _this._audioTransceicer.receiver[key];
+          if (!key)
+            return;
+          return (_this$_audioTransceic6 = _this._audioTransceicer) === null || _this$_audioTransceic6 === void 0 ? void 0 : _this$_audioTransceic6.receiver[key];
         } catch (error) {
           logger.error("get delay error");
         }
-      });
-      _defineProperty$2(_assertThisInitialized$1(_this), "_onLoaderRetry", function(error, retryTime) {
+      };
+      _this._onLoaderRetry = function(error, retryTime) {
+        console.log(error, "retryTime", retryTime);
         _this.emit(EVENT.LOAD_RETRY, {
           error: StreamingError.network(error),
           retryTime
         });
-      });
+      };
       _this._opts = getOption(opts);
       _this._media = _this._opts.media;
-      _this._player = _this._opts.player;
+      _this._player = _this._opts.player || null;
       _this._loader = new NetLoader(_objectSpread2$2(_objectSpread2$2({}, opts.fetchOptions), {}, {
         responseType: "json",
         method: "POST",
@@ -7060,9 +7523,12 @@
         onRetryError: _this._onLoaderRetry,
         logger
       }));
-      _this._retry = _this._opts.retryCount;
+      _this._retry = _this._opts.retryCount || 0;
+      _this._preloadPromise = _this._opts.preloadPromise;
       _this._bindMediaEvent();
+      logger.log("constructor()", opts);
       _this._changeVolumeInHarmonyWorkaround();
+      _this._mutedBeforePlayingWorkaround();
       if (_this._opts.mediaStream && _this._opts.seamlesslyReload) {
         _this._lastMediaStream = _this._opts.mediaStream;
       }
@@ -7083,6 +7549,11 @@
       get: function get() {
         return this._video;
       }
+    }, {
+      key: "getJitterBufferDelay",
+      value: function getJitterBufferDelay() {
+        return this._videoJitterBufferDelay;
+      }
     }, {
       key: "loader",
       get: function get() {
@@ -7096,9 +7567,24 @@
       }
     }, {
       key: "getStats",
-      value: function getStats$1() {
-        return getStats(this._pc);
-      }
+      value: function() {
+        var _getStats22 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee5() {
+          return _regeneratorRuntime$1().wrap(function _callee5$(_context5) {
+            while (1)
+              switch (_context5.prev = _context5.next) {
+                case 0:
+                  return _context5.abrupt("return", getStats(this._pc));
+                case 1:
+                case "end":
+                  return _context5.stop();
+              }
+          }, _callee5, this);
+        }));
+        function getStats$1() {
+          return _getStats22.apply(this, arguments);
+        }
+        return getStats$1;
+      }()
     }, {
       key: "getStatsSnapshoot",
       value: function getStatsSnapshoot$1() {
@@ -7109,51 +7595,105 @@
     }, {
       key: "load",
       value: function() {
-        var _load = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee5(url) {
+        var _load = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee6(url, failureReason) {
           var _this2 = this;
-          var encodedTransformSupported, lastPc;
-          return _regeneratorRuntime$1().wrap(function _callee5$(_context5) {
+          var lastPc, answerSdp, errorStr, preloadPromise, info, encodedTransformSupported;
+          return _regeneratorRuntime$1().wrap(function _callee6$(_context6) {
             while (1)
-              switch (_context5.prev = _context5.next) {
+              switch (_context6.prev = _context6.next) {
                 case 0:
-                  this._disconnect();
+                  logger.log("load()", 'invoked, url: "'.concat(url, '"'));
+                  this._disconnect(failureReason || "invoke load");
                   this._url = url;
-                  this._retry = this._opts.retryCount;
+                  lastPc = this._pc;
                   if (!this._opts.hackCreateOfferIssue) {
-                    _context5.next = 6;
+                    _context6.next = 7;
                     break;
                   }
-                  _context5.next = 6;
+                  _context6.next = 7;
                   return this._createEmptyPeer();
-                case 6:
-                  encodedTransformSupported = isLegacyEncodedTransformSupported();
-                  _context5.prev = 7;
-                  lastPc = this._pc;
-                  if (lastPc) {
-                    lastPc.close();
+                case 7:
+                  _context6.prev = 7;
+                  this._firstFrameObserver.start();
+                  if (!this._preloadPromise) {
+                    _context6.next = 38;
+                    break;
+                  }
+                  logger.log("load()", "in preload process...");
+                  _context6.prev = 11;
+                  this._firstFrameObserver.setIsPreload(true);
+                  if (compareURL(this._url, this._preloadPromise.url, ["tabr_start_bitrate"])) {
+                    _context6.next = 17;
+                    break;
+                  }
+                  errorStr = "preload url not match, current url: ".concat(this._url, ", preload url: ").concat(this._preloadPromise.url);
+                  delete this._preloadPromise;
+                  throw new Error(errorStr);
+                case 17:
+                  preloadPromise = this._preloadPromise.promise;
+                  delete this._preloadPromise;
+                  _context6.next = 21;
+                  return preloadPromise;
+                case 21:
+                  info = _context6.sent;
+                  if (!(info.pc.signalingState !== "have-local-offer")) {
+                    _context6.next = 24;
+                    break;
+                  }
+                  throw new Error('pc.signalingState not equal "have-local-offer", current state is '.concat(info.pc.signalingState));
+                case 24:
+                  this._pc = info.pc;
+                  answerSdp = info.answerSdp;
+                  this._videoTransceicer = info.videoTransceiver;
+                  this._audioTransceicer = info.audioTransceiver;
+                  if (this._opts.enableSei) {
+                    this.initVideoEncodedTransform();
+                    this.initAudioEncodedTransform();
                   }
+                  _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.load(url, _context6.t0.message || _context6.t0.toString());
+                  return _context6.abrupt("return");
+                case 36:
+                  _context6.next = 44;
+                  break;
+                case 38:
+                  encodedTransformSupported = isLegacyEncodedTransformSupported();
+                  logger.log("load()", "isLegacyEncodedTransformSupported: ".concat(encodedTransformSupported));
                   this._pc = new RTCPeerConnection({
                     encodedInsertableStreams: encodedTransformSupported && this._opts.enableSei ? true : void 0
                   });
-                  this._bindRTCEvents();
-                  _context5.next = 14;
-                  return this._connect(url);
-                case 14:
-                  _context5.next = 19;
+                  _context6.next = 43;
+                  return this._getAnswerSdp(this._pc);
+                case 43:
+                  answerSdp = _context6.sent;
+                case 44:
+                  this._bindRTCEvents(this._pc);
+                  _context6.next = 47;
+                  return this._handleAnswerSdp(this._pc, answerSdp);
+                case 47:
+                  if (lastPc) {
+                    lastPc.close();
+                  }
+                  _context6.next = 53;
                   break;
-                case 16:
-                  _context5.prev = 16;
-                  _context5.t0 = _context5["catch"](7);
+                case 50:
+                  _context6.prev = 50;
+                  _context6.t1 = _context6["catch"](7);
                   setTimeout(function() {
-                    return _this2._emitError(StreamingError.create(ERR.OTHER, null, _context5.t0));
+                    return _this2._emitError(StreamingError.create(ERR.OTHER, null, _context6.t1));
                   });
-                case 19:
+                case 53:
                 case "end":
-                  return _context5.stop();
+                  return _context6.stop();
               }
-          }, _callee5, this, [[7, 16]]);
+          }, _callee6, this, [[7, 50], [11, 31]]);
         }));
-        function load(_x2) {
+        function load(_x2, _x3) {
           return _load.apply(this, arguments);
         }
         return load;
@@ -7161,13 +7701,13 @@
     }, {
       key: "switchURL",
       value: function switchURL(url) {
-        this.load(url || this._url);
+        logger.log("switchURL()", 'invoked, url: "'.concat(url, '"'));
+        this.load(url || this._url, "invoke switchURL");
       }
     }, {
       key: "_bindRTCEvents",
-      value: function _bindRTCEvents() {
+      value: function _bindRTCEvents(pc) {
         var _this3 = this;
-        var pc = this._pc;
         pc.addEventListener("track", this._onTrack);
         pc.addEventListener("connectionstatechange", function() {
           logger.warn("onconnectionstatechange:", pc.connectionState);
@@ -7186,7 +7726,7 @@
               return;
             }
             _this3._retry--;
-            _this3.load(_this3._url);
+            _this3.load(_this3._url, "rtc connect failed");
           }
           if (pc.connectionState === "connected") {
             _this3._handleMediaStream();
@@ -7205,7 +7745,7 @@
       value: function _handleMediaStream() {
         var _this4 = this;
         if (this._lastMediaStream) {
-          var _this$_player$play;
+          var _this$_player2, _this$_player3, _this$_player3$play;
           var videoTrack = this._lastMediaStream.getVideoTracks()[0];
           var audioTrack = this._lastMediaStream.getAudioTracks()[0];
           if (videoTrack) {
@@ -7218,20 +7758,15 @@
           this._audio && this._mediaStream.addTrack(this._audio);
           this._video && this._mediaStream.addTrack(this._video);
           this._isReplacing = true;
-          this._player.pause();
-          (_this$_player$play = this._player.play()) === null || _this$_player$play === void 0 ? void 0 : _this$_player$play.finally(function() {
+          (_this$_player2 = this._player) === null || _this$_player2 === void 0 ? void 0 : _this$_player2.pause();
+          (_this$_player3 = this._player) === null || _this$_player3 === void 0 ? void 0 : (_this$_player3$play = _this$_player3.play()) === null || _this$_player3$play === void 0 ? void 0 : _this$_player3$play.finally(function() {
             _this4._isReplacing = false;
           });
         } else {
           this._mediaStream = new MediaStream();
           this._audio && this._mediaStream.addTrack(this._audio);
           this._video && this._mediaStream.addTrack(this._video);
-          this._media.srcObject = this._mediaStream;
-          var req = this._player.play();
-          if (req && req.catch) {
-            req.catch(function(e) {
-            });
-          }
+          this._media && (this._media.srcObject = this._mediaStream);
         }
       }
     }, {
@@ -7285,21 +7820,22 @@
     }, {
       key: "_bindMediaEvent",
       value: function _bindMediaEvent() {
-        this._media.addEventListener("timeupdate", this._mockWaitingByTimeupdate);
-        this._media.addEventListener("loadeddata", this._onLoadedData);
+        var _this$_media, _this$_media2;
+        (_this$_media = this._media) === null || _this$_media === void 0 ? void 0 : _this$_media.addEventListener("timeupdate", this._mockWaitingByTimeupdate);
+        (_this$_media2 = this._media) === null || _this$_media2 === void 0 ? void 0 : _this$_media2.addEventListener("loadeddata", this._onLoadedData);
       }
     }, {
-      key: "_connect",
+      key: "_getAnswerSdp",
       value: function() {
-        var _connect2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee6() {
-          var pc, offer, parsed, finnalUrl, _this$_opts, _answer$remoteSdp, _this$_opts2, _answer$remoteSdp2, _parsed$media, parseSession, sessionId, reqStart, res, answer, err, _parsed;
-          return _regeneratorRuntime$1().wrap(function _callee6$(_context6) {
+        var _getAnswerSdp2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee7(pc) {
+          var offer, answerSdp, parsed, finnalUrl, _this$_opts, _this$_loader, _this$_opts2, _parsed$media, parseSession, sessionId, reqStart, res, answer, err;
+          return _regeneratorRuntime$1().wrap(function _callee7$(_context7) {
             while (1)
-              switch (_context6.prev = _context6.next) {
+              switch (_context7.prev = _context7.next) {
                 case 0:
-                  pc = this._pc;
+                  logger.log("_getAnswerSdp()");
                   if (!pc.addTransceiver) {
-                    _context6.next = 11;
+                    _context7.next = 11;
                     break;
                   }
                   this._audioTransceicer = pc.addTransceiver("audio", {
@@ -7308,32 +7844,37 @@
                   this._videoTransceicer = pc.addTransceiver("video", {
                     direction: "recvonly"
                   });
-                  this._setDelay(this._opts.delayHint);
+                  this._setDelay(this._opts.delayHint || null);
                   if (this._opts.enableSei) {
                     this.initVideoEncodedTransform();
                     this.initAudioEncodedTransform();
                   }
-                  _context6.next = 8;
+                  _context7.next = 8;
                   return pc.createOffer();
                 case 8:
-                  offer = _context6.sent;
-                  _context6.next = 14;
+                  offer = _context7.sent;
+                  _context7.next = 14;
                   break;
                 case 11:
-                  _context6.next = 13;
+                  _context7.next = 13;
                   return pc.createOffer({
                     iceRestart: true,
                     offerToReceiveAudio: true,
                     offerToReceiveVideo: true
                   });
                 case 13:
-                  offer = _context6.sent;
+                  offer = _context7.sent;
                 case 14:
                   if (this._opts.hackCreateOfferIssue) {
                     this._createEmptyPeer();
                   }
-                  logger.log("local offer");
-                  logger.log(offer.sdp);
+                  logger.log("local offer", offer);
+                  if (offer.sdp) {
+                    _context7.next = 18;
+                    break;
+                  }
+                  throw new Error("create offer failed");
+                case 18:
                   parsed = lib.parse(offer.sdp);
                   parsed.media.filter(function(x) {
                     return x.type === "audio";
@@ -7354,62 +7895,71 @@
                       type: "nack"
                     });
                   });
+                  parsed.media.filter(function(x) {
+                    return x.type === "video";
+                  }).forEach(function(x) {
+                    x.fmtp.forEach(function(x2) {
+                      if (x2.config.indexOf("profile-level-id") !== -1) {
+                        x2.config = "".concat(x2.config, ";sps-pps-idr-in-keyframe=1");
+                      }
+                    });
+                  });
                   offer.sdp = lib.write(parsed);
-                  logger.log("local offer modified:\n", offer.sdp);
-                  _context6.next = 23;
+                  logger.log("local offer modified:\n", offer);
+                  _context7.next = 25;
                   return pc.setLocalDescription(offer);
-                case 23:
+                case 25:
                   finnalUrl = this._url;
-                  _context6.prev = 24;
+                  _context7.prev = 26;
                   if (this._opts.preProcessUrl) {
                     finnalUrl = this._opts.preProcessUrl(finnalUrl).url;
                   }
-                  this._loader.finnalUrl = finnalUrl;
+                  finnalUrl = addUrlParams(finnalUrl, this._opts.urlParams);
+                  this._loader && (this._loader.finnalUrl = finnalUrl);
                   parseSession = /_?session_id=([^&$]+)/.exec(finnalUrl);
                   sessionId = parseSession ? parseSession[1] : Date.now() + "666";
+                  this._firstFrameObserver.changeFirstFrameState(RTC_FIRST_FRAME_STATE.OFFER_SDP_READY);
                   this.emit(EVENT.LOAD_START, {
                     url: finnalUrl,
                     offersdp: (_this$_opts = this._opts) !== null && _this$_opts !== void 0 && _this$_opts.enableOriginSdpLogger ? offer.sdp : void 0,
                     sessionId
                   });
                   reqStart = Date.now();
-                  _context6.next = 33;
-                  return this._loader.load(finnalUrl, {
+                  _context7.next = 37;
+                  return (_this$_loader = this._loader) === null || _this$_loader === void 0 ? void 0 : _this$_loader.load(finnalUrl, {
                     body: JSON.stringify({
                       sessionId,
                       version: "1.0-html",
                       localSdp: offer
                     })
                   });
-                case 33:
-                  res = _context6.sent;
+                case 37:
+                  res = _context7.sent;
                   this.emit(EVENT.LOAD_RESPONSE_HEADERS, {
                     headers: res.response.headers
                   });
                   answer = res === null || res === void 0 ? void 0 : res.data;
                   if (!((answer === null || answer === void 0 ? void 0 : answer.code) === 404 || (answer === null || answer === void 0 ? void 0 : answer.code) === 403)) {
-                    _context6.next = 41;
+                    _context7.next = 45;
                     break;
                   }
                   err = StreamingError.create(answer.code === 404 ? ERR.NETWORK_NOTFOUND : ERR.NETWORK_FORBIDDEN, null, answer);
                   err.errorType = ERR.NETWORK;
                   this._emitError(err);
-                  return _context6.abrupt("return");
-                case 41:
+                  return _context7.abrupt("return");
+                case 45:
                   if (!((answer === null || answer === void 0 ? void 0 : answer.code) !== 200)) {
-                    _context6.next = 43;
+                    _context7.next = 47;
                     break;
                   }
                   throw new Error("code: ".concat(answer === null || answer === void 0 ? void 0 : answer.code, ", message:").concat(answer === null || answer === void 0 ? void 0 : answer.message));
-                case 43:
-                  logger.log("answer:");
-                  logger.log((_answer$remoteSdp = answer.remoteSdp) === null || _answer$remoteSdp === void 0 ? void 0 : _answer$remoteSdp.sdp);
-                  _parsed = lib.parse(answer.remoteSdp.sdp);
+                case 47:
+                  answerSdp = res.data.remoteSdp.sdp;
                   this.emit(EVENT.LOAD_COMPLETE, {
                     url: finnalUrl,
                     elapsed: Date.now() - reqStart,
-                    answersdp: (_this$_opts2 = this._opts) !== null && _this$_opts2 !== void 0 && _this$_opts2.enableOriginSdpLogger ? answer === null || answer === void 0 ? void 0 : (_answer$remoteSdp2 = answer.remoteSdp) === null || _answer$remoteSdp2 === void 0 ? void 0 : _answer$remoteSdp2.sdp : void 0,
-                    parsedSdp: _parsed === null || _parsed === void 0 ? void 0 : (_parsed$media = _parsed.media) === null || _parsed$media === void 0 ? void 0 : _parsed$media.map(function(media) {
+                    answersdp: (_this$_opts2 = this._opts) !== null && _this$_opts2 !== void 0 && _this$_opts2.enableOriginSdpLogger ? answerSdp : void 0,
+                    parsedSdp: parsed === null || parsed === void 0 ? void 0 : (_parsed$media = parsed.media) === null || _parsed$media === void 0 ? void 0 : _parsed$media.map(function(media) {
                       return {
                         candidates: media.candidates,
                         rtp: media.rtp,
@@ -7417,9 +7967,50 @@
                       };
                     })
                   });
-                  _parsed.media.forEach(function(x) {
+                  _context7.next = 54;
+                  break;
+                case 51:
+                  _context7.prev = 51;
+                  _context7.t0 = _context7["catch"](26);
+                  this._emitError(StreamingError.network(_context7.t0));
+                case 54:
+                  return _context7.abrupt("return", answerSdp);
+                case 55:
+                case "end":
+                  return _context7.stop();
+              }
+          }, _callee7, this, [[26, 51]]);
+        }));
+        function _getAnswerSdp(_x4) {
+          return _getAnswerSdp2.apply(this, arguments);
+        }
+        return _getAnswerSdp;
+      }()
+    }, {
+      key: "_handleAnswerSdp",
+      value: function() {
+        var _handleAnswerSdp2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee8(pc, answerSdp) {
+          var parsed, answer;
+          return _regeneratorRuntime$1().wrap(function _callee8$(_context8) {
+            while (1)
+              switch (_context8.prev = _context8.next) {
+                case 0:
+                  logger.log("_handleAnswerSdp()", "invoked, answerSdp:", {
+                    answerSdp
+                  });
+                  if (answerSdp) {
+                    _context8.next = 3;
+                    break;
+                  }
+                  return _context8.abrupt("return");
+                case 3:
+                  this._firstFrameObserver.changeFirstFrameState(RTC_FIRST_FRAME_STATE.ANSWER_SDP_RECV);
+                  parsed = lib.parse(answerSdp);
+                  parsed.media.forEach(function(x) {
                     var _x$ssrcs, _x$ssrcs$find;
-                    x.fingerprint.hash = x.fingerprint.hash.toUpperCase();
+                    if (x.fingerprint) {
+                      x.fingerprint.hash = x.fingerprint.hash.toUpperCase();
+                    }
                     var msid = (_x$ssrcs = x.ssrcs) === null || _x$ssrcs === void 0 ? void 0 : (_x$ssrcs$find = _x$ssrcs.find(function(s) {
                       return s.attribute === "msid";
                     })) === null || _x$ssrcs$find === void 0 ? void 0 : _x$ssrcs$find.value;
@@ -7427,42 +8018,43 @@
                       x.msid = msid;
                     }
                   });
-                  answer.remoteSdp.sdp = lib.write(_parsed);
-                  logger.log("answer modified:\n", answer.remoteSdp.sdp);
+                  answer = lib.write(parsed);
+                  logger.log("answer modified:\n", {
+                    answer
+                  });
                   this._rctConnectStartTs = Date.now();
                   if (!(pc.signalingState === "closed")) {
-                    _context6.next = 53;
+                    _context8.next = 11;
                     break;
                   }
-                  return _context6.abrupt("return");
-                case 53:
-                  _context6.next = 55;
-                  return pc.setRemoteDescription(answer.remoteSdp);
-                case 55:
+                  return _context8.abrupt("return");
+                case 11:
+                  _context8.next = 13;
+                  return pc.setRemoteDescription({
+                    type: "answer",
+                    sdp: answer
+                  });
+                case 13:
+                  this._firstFrameObserver.changeFirstFrameState(RTC_FIRST_FRAME_STATE.ANSWER_SDP_READY);
                   this._networkEvaluate = new NetworkEvaluate(pc, this._opts.networkEvaluateInterval);
                   this._listenPeerStateTimeout();
-                  _context6.next = 62;
-                  break;
-                case 59:
-                  _context6.prev = 59;
-                  _context6.t0 = _context6["catch"](24);
-                  this._emitError(StreamingError.network(_context6.t0));
-                case 62:
+                  this._firstFrameObserver.bindEvents(pc, this._videoTransceicer, this._media);
+                case 17:
                 case "end":
-                  return _context6.stop();
+                  return _context8.stop();
               }
-          }, _callee6, this, [[24, 59]]);
+          }, _callee8, this);
         }));
-        function _connect() {
-          return _connect2.apply(this, arguments);
+        function _handleAnswerSdp(_x5, _x6) {
+          return _handleAnswerSdp2.apply(this, arguments);
         }
-        return _connect;
+        return _handleAnswerSdp;
       }()
     }, {
       key: "_listenPeerStateTimeout",
       value: function _listenPeerStateTimeout() {
         var _this6 = this;
-        this._peerStateTimer && this._clearPeerStateTimeout();
+        this._clearPeerStateTimeout();
         if (this._opts.connectionStateChangeTimeout) {
           this._peerStateTimer = setTimeout(function() {
             _this6._emitError(StreamingError.create(ERR.MEDIA, ERR.SUB_TYPES.MEDIA_ERR_SRC_NOT_SUPPORTED, {
@@ -7474,128 +8066,162 @@
     }, {
       key: "_clearPeerStateTimeout",
       value: function _clearPeerStateTimeout() {
-        clearTimeout(this._peerStateTimer);
-        this._peerStateTimer = null;
+        if (this._peerStateTimer) {
+          clearTimeout(this._peerStateTimer);
+          delete this._peerStateTimer;
+        }
       }
     }, {
       key: "_startRtcReport",
       value: function _startRtcReport() {
         var _this7 = this;
         this._stopRtcReport();
-        this._rtcReportTimer = setInterval(/* @__PURE__ */ _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee7() {
-          var _this7$_audioTranscei, _this7$_videoTranscei;
-          var _yield$Promise$all3, _yield$Promise$all4, curAudioStats, curVideoStats, _this7$_audioStallObs, _this7$_videoStallObs, _this7$_networkQualit, _this7$_networkQualit2, audioStats, videoStats, audioStallInfo, videoStallInfo, _ref6, _ref7, quality, qualityInfo, av_sync_diff;
-          return _regeneratorRuntime$1().wrap(function _callee7$(_context7) {
-            while (1)
-              switch (_context7.prev = _context7.next) {
-                case 0:
-                  if (!(!((_this7$_audioTranscei = _this7._audioTransceicer) !== null && _this7$_audioTranscei !== void 0 && _this7$_audioTranscei.receiver) || !((_this7$_videoTranscei = _this7._videoTransceicer) !== null && _this7$_videoTranscei !== void 0 && _this7$_videoTranscei.receiver))) {
-                    _context7.next = 4;
-                    break;
-                  }
-                  _this7._preAudioStats = null;
-                  _this7._preVideoStats = null;
-                  return _context7.abrupt("return");
-                case 4:
-                  if (!_this7._audioStallObserver && _this7._audioTransceicer) {
-                    _this7._audioStallObserver = new AudioStallObserver();
-                    _this7._audioStallObserver.start(_this7._audioTransceicer);
-                  }
-                  if (!_this7._videoStallObserver && _this7._video) {
-                    _this7._videoStallObserver = new VideoStallObserver();
-                    _this7._videoStallObserver.start(_this7._media);
-                  }
-                  if (!_this7._networkQuality && _this7._opts.enableNetworkQuality) {
-                    _this7._networkQuality = new NetworkQuality(_this7._pc, _this7._opts.networkQuality);
-                  }
-                  _context7.next = 9;
-                  return Promise.all([getRecvAudioStats(_this7._audioTransceicer.receiver.getStats()), getRecvVideoStats(_this7._videoTransceicer.receiver.getStats())]);
-                case 9:
-                  _yield$Promise$all3 = _context7.sent;
-                  _yield$Promise$all4 = _slicedToArray(_yield$Promise$all3, 2);
-                  curAudioStats = _yield$Promise$all4[0];
-                  curVideoStats = _yield$Promise$all4[1];
-                  if (!(_this7._preAudioStats && _this7._preVideoStats)) {
-                    _context7.next = 26;
-                    break;
-                  }
-                  audioStats = diffRecvAudioStats(_this7._preAudioStats, curAudioStats);
-                  videoStats = diffRecvVideoStats(_this7._preVideoStats, curVideoStats);
-                  _context7.next = 18;
-                  return (_this7$_audioStallObs = _this7._audioStallObserver) === null || _this7$_audioStallObs === void 0 ? void 0 : _this7$_audioStallObs.getAudioStallInfo();
-                case 18:
-                  audioStallInfo = _context7.sent;
-                  _context7.next = 21;
-                  return (_this7$_videoStallObs = _this7._videoStallObserver) === null || _this7$_videoStallObs === void 0 ? void 0 : _this7$_videoStallObs.getStallInfo({
-                    interval: videoStats.statsInterval,
-                    frameRateReceived: videoStats.frameRateReceived,
-                    frameRateDecoded: videoStats.frameRateDecoded,
-                    bitrate: videoStats.receivedKBitrate
-                  });
-                case 21:
-                  videoStallInfo = _context7.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.stallDuration
-                  }), _objectSpread2$2(_objectSpread2$2({}, videoStats), {}, {
-                    stallDuration: videoStallInfo.stall.stallDuration100ms || videoStallInfo.stall.stallDuration500ms
-                  }))) !== null && _this7$_networkQualit !== void 0 ? _this7$_networkQualit : [], _ref7 = _slicedToArray(_ref6, 2), quality = _ref7[0], qualityInfo = _ref7[1];
-                  if (_this7._opts.enableAdaptiveJitterBuffer) {
-                    _this7._handleJitterBuffer(qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.qualityQos, _this7._opts.adaptiveJitterBuffer, _this7._opts.networkStrategy);
-                  }
-                  if (videoStats.estimatedPlayoutTimestamp && audioStats.estimatedPlayoutTimestamp) {
-                    av_sync_diff = videoStats.estimatedPlayoutTimestamp - audioStats.estimatedPlayoutTimestamp;
-                  }
-                  _this7.emit(EXTEND_EVENTS.RTC_NETWORK, {
-                    interval: videoStats.statsInterval,
-                    network_quality: quality,
-                    audio_stall_duration: audioStallInfo.stallDuration,
-                    audio_stall_count: audioStallInfo.stallCount,
-                    audio_stall_time_per_100sec: audioStallInfo.stallDuration / audioStats.statsInterval * 100,
-                    audio_stall_count_per_100sec: audioStallInfo.stallCount / audioStats.statsInterval * 100 * 1e3,
-                    video_stall_duration: videoStallInfo.stall.stallDuration500ms,
-                    video_stall_count: videoStallInfo.stall.stallCount500ms,
-                    video_stall_duration_100ms: videoStallInfo.stall.stallDuration100ms,
-                    video_stall_count_100ms: videoStallInfo.stall.stallCount100ms,
-                    video_stall_time_per_100sec: videoStallInfo.stall.stallDuration500ms / videoStats.statsInterval * 100,
-                    video_stall_count_per_100sec: videoStallInfo.stall.stallCount500ms / videoStats.statsInterval * 100 * 1e3,
-                    rtt: videoStats.rtt,
-                    video_jb_delay: videoStats.jitterBufferDelay,
-                    audio_jb_delay: audioStats.jitterBufferDelay,
-                    audio_lost_rate: audioStats.audioLossRate,
-                    video_lost_rate: videoStats.videoLossRate,
-                    video_retransmitted_rate: videoStats.retransmittedRate,
-                    quality_audio_level: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.audioLevel,
-                    quality_video_level: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.videoLevel,
-                    quality_audio_qos: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.audioQos,
-                    quality_video_qos: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.videoQos,
-                    quality_qos: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.qualityQos,
-                    quality_audio_qoe: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.audioQoe,
-                    quality_video_qoe: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.videoQoe,
-                    current_delay: _this7._getDelay(),
-                    visibility_state: document.visibilityState,
-                    target_delay: _this7._targetDelayHint,
-                    av_sync_diff,
-                    set_delay_error: _this7._setDelayError || null
-                  });
-                case 26:
-                  _this7._preAudioStats = curAudioStats;
-                  _this7._preVideoStats = curVideoStats;
-                  _this7.set_delay_error = null;
-                case 29:
-                case "end":
-                  return _context7.stop();
-              }
-          }, _callee7);
-        })), 2e3);
+        var report = /* @__PURE__ */ function() {
+          var _ref5 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee9() {
+            var _this7$_audioTranscei, _this7$_videoTranscei;
+            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) {
+                  case 0:
+                    if (!(!((_this7$_audioTranscei = _this7._audioTransceicer) !== null && _this7$_audioTranscei !== void 0 && _this7$_audioTranscei.receiver) || !((_this7$_videoTranscei = _this7._videoTransceicer) !== null && _this7$_videoTranscei !== void 0 && _this7$_videoTranscei.receiver))) {
+                      _context9.next = 4;
+                      break;
+                    }
+                    _this7._preAudioStats = null;
+                    _this7._preVideoStats = null;
+                    return _context9.abrupt("return");
+                  case 4:
+                    if (!_this7._audioStallObserver && _this7._audioTransceicer) {
+                      _this7._audioStallObserver = new AudioStallObserver();
+                      _this7._audioStallObserver.start(_this7._audioTransceicer);
+                    }
+                    if (!_this7._videoStallObserver && _this7._video && _this7._media) {
+                      _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 = 10;
+                    return Promise.all([getRecvAudioStats(_this7._audioTransceicer.receiver.getStats()), getRecvVideoStats(_this7._videoTransceicer.receiver.getStats())]);
+                  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 = 28;
+                      break;
+                    }
+                    audioStats = diffRecvAudioStats(_this7._preAudioStats, curAudioStats);
+                    videoStats = diffRecvVideoStats(_this7._preVideoStats, curVideoStats);
+                    _this7._videoJitterBufferDelay = videoStats.jitterBufferDelay;
+                    _context9.next = 20;
+                    return (_this7$_audioStallObs = _this7._audioStallObserver) === null || _this7$_audioStallObs === void 0 ? void 0 : _this7$_audioStallObs.getAudioStallInfo();
+                  case 20:
+                    audioStallInfo = _context9.sent;
+                    _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 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
+                    }), _objectSpread2$2(_objectSpread2$2({}, videoStats), {}, {
+                      stallDuration: (videoStallInfo === null || videoStallInfo === void 0 ? void 0 : videoStallInfo.stall.stallDuration100ms) || (videoStallInfo === null || videoStallInfo === void 0 ? void 0 : videoStallInfo.stall.stallDuration500ms) || 0
+                    }))) !== null && _this7$_networkQualit !== void 0 ? _this7$_networkQualit : [], _ref7 = _slicedToArray(_ref6, 2), quality = _ref7[0], qualityInfo = _ref7[1];
+                    if (_this7._opts.enableAdaptiveJitterBuffer) {
+                      _this7._handleJitterBuffer(qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.qualityQos, _this7._opts.adaptiveJitterBuffer, _this7._opts.networkStrategy);
+                    }
+                    if (videoStats.estimatedPlayoutTimestamp && audioStats.estimatedPlayoutTimestamp) {
+                      av_sync_diff = videoStats.estimatedPlayoutTimestamp - audioStats.estimatedPlayoutTimestamp;
+                    }
+                    _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,
+                      audio_stall_count: audioStallInfo === null || audioStallInfo === void 0 ? void 0 : audioStallInfo.stallCount,
+                      audio_stall_time_per_100sec: ((audioStallInfo === null || audioStallInfo === void 0 ? void 0 : audioStallInfo.stallDuration) || 0) / audioStats.statsInterval * 100,
+                      audio_stall_count_per_100sec: ((audioStallInfo === null || audioStallInfo === void 0 ? void 0 : audioStallInfo.stallCount) || 0) / audioStats.statsInterval * 100 * 1e3,
+                      video_stall_duration: videoStallInfo === null || videoStallInfo === void 0 ? void 0 : videoStallInfo.stall.stallDuration500ms,
+                      video_stall_count: videoStallInfo === null || videoStallInfo === void 0 ? void 0 : videoStallInfo.stall.stallCount500ms,
+                      video_stall_duration_100ms: videoStallInfo === null || videoStallInfo === void 0 ? void 0 : videoStallInfo.stall.stallDuration100ms,
+                      video_stall_count_100ms: videoStallInfo === null || videoStallInfo === void 0 ? void 0 : videoStallInfo.stall.stallCount100ms,
+                      video_stall_time_per_100sec: ((videoStallInfo === null || videoStallInfo === void 0 ? void 0 : videoStallInfo.stall.stallDuration500ms) || 0) / videoStats.statsInterval * 100,
+                      video_stall_count_per_100sec: ((videoStallInfo === null || videoStallInfo === void 0 ? void 0 : videoStallInfo.stall.stallCount500ms) || 0) / videoStats.statsInterval * 100 * 1e3,
+                      rtt: videoStats.rtt,
+                      video_jb_delay: videoStats.jitterBufferDelay,
+                      audio_jb_delay: audioStats.jitterBufferDelay,
+                      audio_lost_rate: audioStats.audioLossRate,
+                      video_lost_rate: videoStats.videoLossRate,
+                      video_retransmitted_rate: videoStats.retransmittedRate,
+                      quality_audio_level: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.audioLevel,
+                      quality_video_level: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.videoLevel,
+                      quality_audio_qos: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.audioQos,
+                      quality_video_qos: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.videoQos,
+                      quality_qos: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.qualityQos,
+                      quality_audio_qoe: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.audioQoe,
+                      quality_video_qoe: qualityInfo === null || qualityInfo === void 0 ? void 0 : qualityInfo.videoQoe,
+                      current_delay: _this7._getDelay(),
+                      visibility_state: document.visibilityState,
+                      target_delay: _this7._targetDelayHint,
+                      av_sync_diff,
+                      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",
+                      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 31:
+                  case "end":
+                    return _context9.stop();
+                }
+            }, _callee9);
+          }));
+          return function report2() {
+            return _ref5.apply(this, arguments);
+          };
+        }();
+        this._rtcReportTimer = setInterval(function() {
+          return report();
+        }, 2e3);
+        report();
       }
     }, {
       key: "_handleJitterBuffer",
       value: function _handleJitterBuffer(quality, adaptiveJitterBuffer, networkStrategy) {
+        if (!adaptiveJitterBuffer || !networkStrategy) {
+          return;
+        }
         this._networkQualityResult.push(quality);
         if (this._networkQualityResult.length > adaptiveJitterBuffer.networkWindow) {
           this._networkQualityResult.shift();
         }
-        var validNetworkQualityResult = this._networkQualityResult.filter(Boolean);
+        var validNetworkQualityResult = this._networkQualityResult.filter(function(v) {
+          return typeof v === "number";
+        });
         if (validNetworkQualityResult.length === adaptiveJitterBuffer.networkWindow) {
           var _networkStrategy$aver;
           var averageQuality;
@@ -7619,13 +8245,15 @@
     }, {
       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();
-        this._audioStallObserver = null;
-        this._videoStallObserver = null;
-        this._networkQuality = null;
+        delete this._audioStallObserver;
+        delete this._videoStallObserver;
+        delete this._networkQuality;
         this._preAudioStats = null;
         this._preVideoStats = null;
         if (this._rtcReportTimer) {
@@ -7633,60 +8261,89 @@
           this._rtcReportTimer = 0;
         }
       }
+    }, {
+      key: "_clearDelay",
+      value: function _clearDelay() {
+        if (this._setDelayTimer) {
+          clearInterval(this._setDelayTimer);
+          delete this._setDelayTimer;
+        }
+        this._targetDelayHint = null;
+        this._setDelayError = null;
+      }
     }, {
       key: "_disconnect",
-      value: function _disconnect() {
-        var _this$_loader, _this$_networkEvaluat2;
-        (_this$_loader = this._loader) === null || _this$_loader === void 0 ? void 0 : _this$_loader.cancel();
+      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;
-        this._networkEvaluate = 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();
         this.emit(EVENT.ERROR, error);
         clearTimeout(this._checkStatsErrorTimer);
         this._clearPeerStateTimeout();
         if (this._pc) {
           this._pc.close();
-          if (this._media) {
-            this._media.srcObject = null;
-            this._media.removeAttribute("src");
-          }
+          this._clearMediaSrc();
         }
       }
     }, {
       key: "_createEmptyPeer",
       value: function() {
-        var _createEmptyPeer2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee8() {
+        var _createEmptyPeer2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee10() {
           var pc;
-          return _regeneratorRuntime$1().wrap(function _callee8$(_context8) {
+          return _regeneratorRuntime$1().wrap(function _callee10$(_context10) {
             while (1)
-              switch (_context8.prev = _context8.next) {
+              switch (_context10.prev = _context10.next) {
                 case 0:
                   pc = new RTCPeerConnection();
-                  _context8.next = 3;
+                  _context10.next = 3;
                   return pc.createOffer();
                 case 3:
                   pc.close();
-                  pc = null;
-                case 5:
+                case 4:
                 case "end":
-                  return _context8.stop();
+                  return _context10.stop();
               }
-          }, _callee8);
+          }, _callee10);
         }));
         function _createEmptyPeer() {
           return _createEmptyPeer2.apply(this, arguments);
         }
         return _createEmptyPeer;
       }()
+    }, {
+      key: "_emitFirstFrameState",
+      value: function _emitFirstFrameState(info, extra) {
+        this.emit(EXTEND_EVENTS.RTC_FIRST_FRAME, _objectSpread2$2(_objectSpread2$2(_objectSpread2$2({}, info), extra), {}, {
+          initOptionsIncludePreload: !!this._opts.preloadPromise
+        }));
+      }
     }, {
       key: "_changeVolumeInHarmonyWorkaround",
       value: function _changeVolumeInHarmonyWorkaround() {
@@ -7700,7 +8357,8 @@
               enumerable: true,
               get: originalDescriptor.get,
               set: function set(val) {
-                originalDescriptor.set.call(this, val);
+                var _originalDescriptor$s;
+                (_originalDescriptor$s = originalDescriptor.set) === null || _originalDescriptor$s === void 0 ? void 0 : _originalDescriptor$s.call(this, val);
                 var _changeNumberInRange = changeNumberInRange(this.volume, 0, 1, 0.01), _changeNumberInRange2 = _slicedToArray(_changeNumberInRange, 2), sourceVolume = _changeNumberInRange2[0], targetVolume = _changeNumberInRange2[1];
                 this.volume = targetVolume;
                 this.volume = sourceVolume;
@@ -7716,14 +8374,47 @@
           }
         }
       }
+    }, {
+      key: "_mutedBeforePlayingWorkaround",
+      value: function _mutedBeforePlayingWorkaround() {
+        var _this9 = this;
+        if (isHeyTapBrowser() || isVivoBrowser()) {
+          var originalDescriptor = Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, "muted");
+          if (this._media && originalDescriptor) {
+            logger.log("apply muted workaround for vivo & oppo");
+            var originalMuted = this._media.muted;
+            this._media.muted = true;
+            Object.defineProperty(this._media, "muted", {
+              configurable: true,
+              enumerable: true,
+              get: function get() {
+                return originalMuted;
+              },
+              set: function set(val) {
+                logger.log("muted workaround. set muted =", val);
+                originalMuted = val;
+              }
+            });
+            var revertMutedProxy = function revertMutedProxy2() {
+              logger.log("revert muted workaround. muted:", originalMuted);
+              if (_this9._media) {
+                Object.defineProperty(_this9._media, "muted", originalDescriptor);
+                _this9._media.muted = originalMuted;
+                _this9._media.removeEventListener("playing", revertMutedProxy2);
+              }
+            };
+            this._media.addEventListener("playing", revertMutedProxy);
+          }
+        }
+      }
     }, {
       key: "destroy",
       value: function destroy(keepClearMediaStream) {
-        var _this$_revertVolumeWo, _this$_media;
-        this._disconnect();
+        var _this$_revertVolumeWo, _this$_media3;
+        this._disconnect("invoke destroy");
         (_this$_revertVolumeWo = this._revertVolumeWorkaround) === null || _this$_revertVolumeWo === void 0 ? void 0 : _this$_revertVolumeWo.call(this);
         delete this._revertVolumeWorkaround;
-        (_this$_media = this._media) === null || _this$_media === void 0 ? void 0 : _this$_media.removeEventListener("timeupdate", this._mockWaitingByTimeupdate);
+        (_this$_media3 = this._media) === null || _this$_media3 === void 0 ? void 0 : _this$_media3.removeEventListener("timeupdate", this._mockWaitingByTimeupdate);
         if (this._media && !keepClearMediaStream) {
           this._media.srcObject = null;
         }
@@ -7734,7 +8425,6 @@
         this._media = null;
         this._player = null;
         this._pc = null;
-        this._opts = null;
       }
     }], [{
       key: "enableLogger",
@@ -7763,15 +8453,11 @@
     function RtsPlugin2() {
       var _this;
       _classCallCheck$3(this, RtsPlugin2);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _super.call.apply(_super, [this].concat(args));
-      _defineProperty$2(_assertThisInitialized$1(_this), "_rts", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_mediaStream", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_disconnectTimer", void 0);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_rtsOpts", null);
-      _defineProperty$2(_assertThisInitialized$1(_this), "_onPause", function() {
+      _this = _super.apply(this, arguments);
+      _this._rts = null;
+      _this._rtsOpts = null;
+      _this._mediaStream = null;
+      _this._onPause = function() {
         if (_this._disconnectTimer) {
           return;
         }
@@ -7779,8 +8465,8 @@
           _this._closeAfterPause();
           _this._clearDisconnectTimer();
         }, _this.config.disconnectTime * 1e3);
-      });
-      _defineProperty$2(_assertThisInitialized$1(_this), "_reInit", function() {
+      };
+      _this._reInit = function() {
         var _this$_rts;
         _this._clearDisconnectTimer();
         if ((_this$_rts = _this._rts) !== null && _this$_rts !== void 0 && _this$_rts._pc) {
@@ -7788,8 +8474,8 @@
         }
         _this._init();
         _this._bindRtsEvents();
-      });
-      _defineProperty$2(_assertThisInitialized$1(_this), "_init", function() {
+      };
+      _this._init = function() {
         var _this$_rts2;
         (_this$_rts2 = _this._rts) === null || _this$_rts2 === void 0 ? void 0 : _this$_rts2.destroy();
         var config = _this.player.config;
@@ -7808,9 +8494,11 @@
           }
         }, rtsOpts));
         _this._rts.load(config.url);
-      });
-      _defineProperty$2(_assertThisInitialized$1(_this), "_onSwitchURL", function(url) {
-        if (url) {
+      };
+      _this._onSwitchURL = function(url) {
+        if (url.startsWith("blob:") || url === "") {
+          url = _this.player.config.url;
+        } else if (url) {
           _this.player.config.url = url;
         }
         if (_this._rts) {
@@ -7818,14 +8506,25 @@
         } else {
           _this._reInit();
         }
-      });
-      _defineProperty$2(_assertThisInitialized$1(_this), "destroy", function() {
+      };
+      _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;
-      });
+      };
       return _this;
     }
     _createClass$3(RtsPlugin2, [{
@@ -7835,32 +8534,38 @@
         return (_this$_rts4 = this._rts) === null || _this$_rts4 === void 0 ? void 0 : _this$_rts4.pc;
       }
     }, {
-      key: "videoTrack",
+      key: "jitterBufferDelay",
       get: function get() {
         var _this$_rts5;
-        return (_this$_rts5 = this._rts) === null || _this$_rts5 === void 0 ? void 0 : _this$_rts5.videoTack;
+        return ((_this$_rts5 = this._rts) === null || _this$_rts5 === void 0 ? void 0 : _this$_rts5.getJitterBufferDelay()) || 0;
       }
     }, {
-      key: "audioTrack",
+      key: "loader",
       get: function get() {
         var _this$_rts6;
-        return (_this$_rts6 = this._rts) === null || _this$_rts6 === void 0 ? void 0 : _this$_rts6.audioTrack;
+        return (_this$_rts6 = this._rts) === null || _this$_rts6 === void 0 ? void 0 : _this$_rts6.loader;
       }
     }, {
-      key: "core",
+      key: "videoTrack",
       get: function get() {
-        return this._rts;
+        var _this$_rts7;
+        return (_this$_rts7 = this._rts) === null || _this$_rts7 === void 0 ? void 0 : _this$_rts7.videoTack;
       }
     }, {
-      key: "loader",
+      key: "audioTrack",
       get: function get() {
-        var _this$_rts7;
-        return (_this$_rts7 = this._rts) === null || _this$_rts7 === void 0 ? void 0 : _this$_rts7.loader;
+        var _this$_rts8;
+        return (_this$_rts8 = this._rts) === null || _this$_rts8 === void 0 ? void 0 : _this$_rts8.audioTrack;
+      }
+    }, {
+      key: "core",
+      get: function get() {
+        return this._rts;
       }
     }, {
       key: "version",
       get: function get() {
-        return "0.2.1-alpha.47";
+        return "0.2.1-alpha.53";
       }
     }, {
       key: "beforePlayerInit",
@@ -7868,9 +8573,15 @@
         var _this$player2, _this$player$config, _this$player$config$r, _this2 = this;
         this._init();
         if (!this._originSwitchFn) {
-          this._originSwitchFn = this.player.switchURL.bind(this.player);
+          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);
@@ -7900,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 "";
                 }
               }
             }
@@ -7910,26 +8622,26 @@
     }, {
       key: "getStats",
       value: function getStats2() {
-        var _this$_rts8;
-        return (_this$_rts8 = this._rts) === null || _this$_rts8 === void 0 ? void 0 : _this$_rts8.getStats();
+        var _this$_rts9;
+        return (_this$_rts9 = this._rts) === null || _this$_rts9 === void 0 ? void 0 : _this$_rts9.getStats();
       }
     }, {
       key: "getStatsSnapshoot",
       value: function getStatsSnapshoot2() {
-        var _this$_rts9;
-        return (_this$_rts9 = this._rts) === null || _this$_rts9 === void 0 ? void 0 : _this$_rts9.getStatsSnapshoot();
+        var _this$_rts10;
+        return (_this$_rts10 = this._rts) === null || _this$_rts10 === void 0 ? void 0 : _this$_rts10.getStatsSnapshoot();
       }
     }, {
       key: "getNetWorkInfo",
       value: function getNetWorkInfo() {
-        var _this$_rts10;
-        return (_this$_rts10 = this._rts) === null || _this$_rts10 === void 0 ? void 0 : _this$_rts10.networkStats;
+        var _this$_rts11;
+        return (_this$_rts11 = this._rts) === null || _this$_rts11 === void 0 ? void 0 : _this$_rts11.networkStats;
       }
     }, {
       key: "setDelay",
       value: function setDelay(delayHint) {
-        var _this$_rts11;
-        (_this$_rts11 = this._rts) === null || _this$_rts11 === void 0 ? void 0 : _this$_rts11._setDelay(delayHint);
+        var _this$_rts12;
+        (_this$_rts12 = this._rts) === null || _this$_rts12 === void 0 ? void 0 : _this$_rts12._setDelay(delayHint);
       }
     }, {
       key: "_clearDisconnectTimer",
@@ -7940,15 +8652,15 @@
     }, {
       key: "_closeAfterPause",
       value: function _closeAfterPause() {
-        var _this$_rts12, _this$config, _this$_rts14;
-        if (!((_this$_rts12 = this._rts) !== null && _this$_rts12 !== void 0 && _this$_rts12._pc)) {
+        var _this$_rts13, _this$config, _this$_rts15;
+        if (!((_this$_rts13 = this._rts) !== null && _this$_rts13 !== void 0 && _this$_rts13._pc)) {
           return;
         }
         if ((_this$config = this.config) !== null && _this$config !== void 0 && _this$config.seamlesslyReload) {
-          var _this$_rts13;
-          this._mediaStream = (_this$_rts13 = this._rts) === null || _this$_rts13 === void 0 ? void 0 : _this$_rts13._mediaStream;
+          var _this$_rts14;
+          this._mediaStream = (_this$_rts14 = this._rts) === null || _this$_rts14 === void 0 ? void 0 : _this$_rts14._mediaStream;
         }
-        (_this$_rts14 = this._rts) === null || _this$_rts14 === void 0 ? void 0 : _this$_rts14.destroy(true);
+        (_this$_rts15 = this._rts) === null || _this$_rts15 === void 0 ? void 0 : _this$_rts15.destroy(true);
         this._rts = null;
       }
     }, {
@@ -7964,16 +8676,17 @@
         this._transCoreEvent(EVENT.SEI);
         this._transCoreEvent(EXTEND_EVENTS.RTC_STATE_CHANGE);
         this._transCoreEvent(EXTEND_EVENTS.RTC_NETWORK);
+        this._transCoreEvent(EXTEND_EVENTS.RTC_FIRST_FRAME);
       }
     }, {
       key: "_transErrorEvent",
       value: function _transErrorEvent() {
-        var _this3 = this;
-        this._rts.on(EVENT.ERROR, function(err) {
+        var _this$_rts16, _this3 = this, _this$_rts17;
+        (_this$_rts16 = this._rts) === null || _this$_rts16 === void 0 ? void 0 : _this$_rts16.on(EVENT.ERROR, function(err) {
           if (!_this3.player)
             return;
           var e = new Errors(_this3.player, err);
-          var _this3$_rtsOpts = _this3._rtsOpts, backupConstruct = _this3$_rtsOpts.backupConstruct, backupURL = _this3$_rtsOpts.backupURL;
+          var _ref = _this3._rtsOpts || {}, backupConstruct = _ref.backupConstruct, backupURL = _ref.backupURL;
           if (backupURL) {
             var _player$video;
             var player = _this3.player;
@@ -7993,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) {
@@ -8009,7 +8723,7 @@
           }
           _this3.player.emit(ERROR, e);
         });
-        this._rts.on("waiting", function() {
+        (_this$_rts17 = this._rts) === null || _this$_rts17 === void 0 ? void 0 : _this$_rts17.on("waiting", function() {
           var _this3$player;
           (_this3$player = _this3.player) === null || _this3$player === void 0 ? void 0 : _this3$player.emit("waiting");
         });
@@ -8017,8 +8731,8 @@
     }, {
       key: "_transCoreEvent",
       value: function _transCoreEvent(eventName) {
-        var _this4 = this;
-        this._rts.on(eventName, function(e) {
+        var _this$_rts18, _this4 = this;
+        (_this$_rts18 = this._rts) === null || _this$_rts18 === void 0 ? void 0 : _this$_rts18.on(eventName, function(e) {
           if (_this4.player) {
             _this4.player.emit("core_event", _objectSpread2$2(_objectSpread2$2({}, e), {}, {
               eventName
@@ -8056,7 +8770,8 @@
                 case 3:
                   res = _context.sent;
                   hasH264 = (_res$video = res.video) === null || _res$video === void 0 ? void 0 : _res$video.filter(function(x) {
-                    return x.codec === "H264" && (!targetProfileLevel || x.config.indexOf(targetProfileLevel) !== -1);
+                    var _x$config;
+                    return x.codec === "H264" && (!targetProfileLevel || ((_x$config = x.config) === null || _x$config === void 0 ? void 0 : _x$config.indexOf(targetProfileLevel)) !== -1);
                   }).length;
                   if (hasH264) {
                     _context.next = 10;
@@ -8067,7 +8782,8 @@
                 case 8:
                   res1 = _context.sent;
                   hasH264 = (_res1$video = res1.video) === null || _res1$video === void 0 ? void 0 : _res1$video.filter(function(x) {
-                    return x.codec === "H264" && (!targetProfileLevel || x.config.indexOf(targetProfileLevel) !== -1);
+                    var _x$config2;
+                    return x.codec === "H264" && (!targetProfileLevel || ((_x$config2 = x.config) === null || _x$config2 === void 0 ? void 0 : _x$config2.indexOf(targetProfileLevel)) !== -1);
                   }).length;
                 case 10:
                   return _context.abrupt("return", !!hasH264);