@byteplus/veplayer-plugin 2.10.0-rc.2 → 2.10.1

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

@@ -577,6 +577,60 @@ function _nonIterableSpread$1() {
 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;
@@ -4292,10 +4346,28 @@ var NetLoader = /* @__PURE__ */ function(_EventEmitter) {
   }]);
   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: {} };
@@ -4989,29 +5061,29 @@ function getOption(options) {
     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: {
@@ -5032,19 +5104,19 @@ function getOption(options) {
     }, 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);
@@ -5075,14 +5147,36 @@ function _getStats(stats) {
     };
   });
 }
-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;
@@ -5152,22 +5246,23 @@ function getStatsSnapshoot(stats) {
 }
 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) {
@@ -5192,8 +5287,8 @@ var NetworkEvaluate = /* @__PURE__ */ function() {
                 }
               }
               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) {
@@ -5212,7 +5307,7 @@ var NetworkEvaluate = /* @__PURE__ */ function() {
               return _context.stop();
           }
       }, _callee, null, [[0, 10]]);
-    })));
+    }));
     this._pc = pc;
     this._timerInterval = interval;
     this.start(interval);
@@ -5327,6 +5422,9 @@ function getCapacity() {
   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";
@@ -5514,7 +5612,7 @@ var Nalunit = {
 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, [{
@@ -5916,7 +6014,7 @@ if (typeof self !== "undefined" && self.constructor.name === "DedicatedWorkerGlo
     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"
 });
@@ -5930,21 +6028,19 @@ function WorkerWrapper() {
     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();
       }
     }
@@ -5954,7 +6050,7 @@ var AudioStallObserver = /* @__PURE__ */ function() {
       this._stallList = [];
       if (this._audioStallTimer) {
         clearTimeout(this._audioStallTimer);
-        this._audioStallTimer = null;
+        delete this._audioStallTimer;
       }
     }
   }, {
@@ -6020,12 +6116,12 @@ var AudioStallObserver = /* @__PURE__ */ function() {
               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":
@@ -6037,7 +6133,7 @@ var AudioStallObserver = /* @__PURE__ */ function() {
           return _ref.apply(this, arguments);
         };
       }();
-      this._audioStallTimer = setTimeout(loop, AudioStallObserver2.interval);
+      this._audioStallTimer = setTimeout(loop, _AudioStallObserver2.interval);
     }
   }, {
     key: "_audioStallCount",
@@ -6048,7 +6144,7 @@ var AudioStallObserver = /* @__PURE__ */ function() {
           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;
                 }
@@ -6102,7 +6198,7 @@ var AudioStallObserver = /* @__PURE__ */ function() {
                   _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,
@@ -6130,10 +6226,11 @@ var AudioStallObserver = /* @__PURE__ */ function() {
       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 = {
@@ -6202,13 +6299,22 @@ var VideoStallObserver = /* @__PURE__ */ function() {
   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({
@@ -6217,23 +6323,7 @@ var VideoStallObserver = /* @__PURE__ */ function() {
         });
         _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",
@@ -6271,7 +6361,7 @@ var VideoStallObserver = /* @__PURE__ */ function() {
         player.removeEventListener("play", handlePlay);
       };
       document.addEventListener("visibilitychange", this._handleVisibilityChange);
-      document.addEventListener("pagehide", this._framePause());
+      window.addEventListener("pagehide", this._framePause);
     }
   }, {
     key: "stop",
@@ -6290,7 +6380,7 @@ var VideoStallObserver = /* @__PURE__ */ function() {
       this._videoInWaiting100ms = false;
       this._videoInWaiting500ms = false;
       document.removeEventListener("visibilitychange", this._handleVisibilityChange);
-      document.removeEventListener("pagehide", this._framePause());
+      window.removeEventListener("pagehide", this._framePause);
     }
   }, {
     key: "destroy",
@@ -6359,7 +6449,7 @@ var VideoStallObserver = /* @__PURE__ */ function() {
         }
         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;
@@ -6525,7 +6615,7 @@ function diffRecvAudioStats(oldStats, newStats) {
     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) {
@@ -6596,8 +6686,12 @@ function diffRecvVideoStats(oldStats, newStats) {
   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,
@@ -6616,7 +6710,7 @@ function diffRecvVideoStats(oldStats, newStats) {
     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)
   };
 }
@@ -6649,11 +6743,11 @@ var Quality = {
   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",
@@ -6708,11 +6802,11 @@ var NetworkQuality = /* @__PURE__ */ function() {
       } 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;
@@ -6753,6 +6847,249 @@ var NetworkQuality = /* @__PURE__ */ function() {
   }]);
   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() {
+      _this.changeFirstFrameState(RTC_FIRST_FRAME_STATE.VIDEO_PLAYING);
+      _this.reset();
+    };
+    this._handleCanplay = function() {
+      _this.changeFirstFrameState(RTC_FIRST_FRAME_STATE.VIDEO_CANPLAY);
+    };
+    this._handleLoadeddata = function() {
+      _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 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.packetsReceived > 0) {
+                  hasPacketsReceived = true;
+                  _this4.changeFirstFrameState(RTC_FIRST_FRAME_STATE.FIRST_PACKET_RECV);
+                }
+                if (!hasFrameReceived && inboundRtpStats.framesReceived > 0) {
+                  hasFrameReceived = true;
+                  _this4.changeFirstFrameState(RTC_FIRST_FRAME_STATE.FIRST_FRAME_RECV);
+                }
+                if (!hasFrameDecoded && 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: "_getTransportInfo",
+    value: function() {
+      var _getTransportInfo2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee2() {
+        var _this$_videoTransceiv, _this$_videoTransceiv2;
+        var reports, candidatePairStats, localCandidateStats, remoteCandidateStats;
+        return _regeneratorRuntime$1().wrap(function _callee2$(_context2) {
+          while (1)
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return (_this$_videoTransceiv = this._videoTransceiver) === null || _this$_videoTransceiv === void 0 ? void 0 : (_this$_videoTransceiv2 = _this$_videoTransceiv.receiver) === null || _this$_videoTransceiv2 === void 0 ? void 0 : _this$_videoTransceiv2.getStats();
+              case 2:
+                reports = _context2.sent;
+                reports === null || reports === void 0 ? void 0 : reports.forEach(function(report) {
+                  if (report.type === "candidate-pair") {
+                    candidatePairStats = report;
+                    localCandidateStats = reports.get(report.localCandidateId);
+                    remoteCandidateStats = reports.get(report.remoteCandidateId);
+                  }
+                });
+                if (remoteCandidateStats) {
+                  this._extraInfo.remote_ip = remoteCandidateStats.ip || remoteCandidateStats.address;
+                  this._extraInfo.remote_port = remoteCandidateStats.port;
+                  this._extraInfo.remote_candidate_type = remoteCandidateStats.candidateType;
+                  this._extraInfo.protocol = remoteCandidateStats.protocol;
+                }
+                if (localCandidateStats) {
+                  this._extraInfo.local_ip = localCandidateStats.ip || localCandidateStats.address;
+                  this._extraInfo.local_port = localCandidateStats.port;
+                  this._extraInfo.local_candidate_type = localCandidateStats.candidateType;
+                }
+                if (candidatePairStats) {
+                  this._extraInfo.rtt = candidatePairStats.currentRoundTripTime;
+                  this._extraInfo.stun_requests_sent = candidatePairStats.requestsSent;
+                  this._extraInfo.stun_requests_received = candidatePairStats.requestsReceived;
+                  this._extraInfo.stun_responses_sent = candidatePairStats.responsesSent;
+                  this._extraInfo.stun_responses_received = candidatePairStats.responsesReceived;
+                }
+              case 7:
+              case "end":
+                return _context2.stop();
+            }
+        }, _callee2, this);
+      }));
+      function _getTransportInfo() {
+        return _getTransportInfo2.apply(this, arguments);
+      }
+      return _getTransportInfo;
+    }()
+  }, {
+    key: "reset",
+    value: function() {
+      var _reset = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee3() {
+        var _this$_video, _this$_video2, _this$_video3, _this$_video4, _this$_pc3, _this$_pc4;
+        return _regeneratorRuntime$1().wrap(function _callee3$(_context3) {
+          while (1)
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                if (!(Object.keys(this._state).length > 0)) {
+                  _context3.next = 4;
+                  break;
+                }
+                _context3.next = 3;
+                return this._getTransportInfo();
+              case 3:
+                this._emitFirstFrameState(this._state, this._extraInfo);
+              case 4:
+                this._preState = null;
+                this._extraInfo = {
+                  is_preload: false
+                };
+                this._state = {};
+                (_this$_video = this._video) === null || _this$_video === void 0 ? void 0 : _this$_video.removeEventListener("playing", this._handlePlaying);
+                (_this$_video2 = this._video) === null || _this$_video2 === void 0 ? void 0 : _this$_video2.removeEventListener("canplay", this._handleCanplay);
+                (_this$_video3 = this._video) === null || _this$_video3 === void 0 ? void 0 : _this$_video3.removeEventListener("loadeddata", this._handleLoadeddata);
+                (_this$_video4 = this._video) === null || _this$_video4 === void 0 ? void 0 : _this$_video4.removeEventListener("error", this._handleError);
+                (_this$_pc3 = this._pc) === null || _this$_pc3 === void 0 ? void 0 : _this$_pc3.removeEventListener("connectionstatechange", this._handleConnectionStateChange);
+                (_this$_pc4 = this._pc) === null || _this$_pc4 === void 0 ? void 0 : _this$_pc4.removeEventListener("iceconnectionstatechange", this._handleICEConnectionStateChange);
+                this._cancelWatchForFirstVideoFrameRecv();
+                this._pc = null;
+                this._video = null;
+                this._videoTransceiver = null;
+              case 17:
+              case "end":
+                return _context3.stop();
+            }
+        }, _callee3, this);
+      }));
+      function reset() {
+        return _reset.apply(this, arguments);
+      }
+      return reset;
+    }()
+  }]);
+  return FirstFrameObserver2;
+}();
 function changeNumberInRange(source, min, max, delta) {
   var target = source + delta;
   if (target > max) {
@@ -6763,6 +7100,59 @@ function changeNumberInRange(source, min, max, delta) {
 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 logger = new Logger("rts");
 var Rts = /* @__PURE__ */ function(_EventEmitter) {
   _inherits$1(Rts2, _EventEmitter);
@@ -6771,31 +7161,28 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     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) {
@@ -6836,12 +7223,16 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
               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;
@@ -6852,8 +7243,8 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
           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, {
@@ -6867,19 +7258,15 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
           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;
@@ -6889,24 +7276,19 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
         _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;
@@ -6921,13 +7303,14 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                 }
                 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;
@@ -6954,7 +7337,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                           }
                           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())]);
@@ -6983,7 +7366,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                             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"));
@@ -7018,7 +7401,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                       }
                   }, _callee3, null, [[0, 40]]);
                 })), loopInterval);
-              case 14:
+              case 15:
               case "end":
                 return _context4.stop();
             }
@@ -7027,26 +7410,31 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
       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",
@@ -7056,9 +7444,12 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
       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;
     }
@@ -7079,6 +7470,11 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     get: function get() {
       return this._video;
     }
+  }, {
+    key: "getJitterBufferDelay",
+    value: function getJitterBufferDelay() {
+      return this._videoJitterBufferDelay;
+    }
   }, {
     key: "loader",
     get: function get() {
@@ -7092,9 +7488,24 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     }
   }, {
     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() {
@@ -7105,49 +7516,104 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     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) {
         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:
+                logger.log("load()", 'invoked, url: "'.concat(url, '"'));
                 this._disconnect();
                 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 = 39;
+                  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 = 37;
+                break;
+              case 31:
+                _context6.prev = 31;
+                _context6.t0 = _context6["catch"](11);
+                logger.warn("load()", "preload failed, ".concat(_context6.t0.message || _context6.t0.toString()));
+                this._firstFrameObserver.setFailureReason(_context6.t0.message || _context6.t0.toString());
+                this.load(url);
+                return _context6.abrupt("return");
+              case 37:
+                _context6.next = 45;
+                break;
+              case 39:
+                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 = 44;
+                return this._getAnswerSdp(this._pc);
+              case 44:
+                answerSdp = _context6.sent;
+              case 45:
+                this._bindRTCEvents(this._pc);
+                _context6.next = 48;
+                return this._handleAnswerSdp(this._pc, answerSdp);
+              case 48:
+                if (lastPc) {
+                  lastPc.close();
+                }
+                _context6.next = 54;
                 break;
-              case 16:
-                _context5.prev = 16;
-                _context5.t0 = _context5["catch"](7);
+              case 51:
+                _context6.prev = 51;
+                _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 54:
               case "end":
-                return _context5.stop();
+                return _context6.stop();
             }
-        }, _callee5, this, [[7, 16]]);
+        }, _callee6, this, [[7, 51], [11, 31]]);
       }));
       function load(_x2) {
         return _load.apply(this, arguments);
@@ -7157,13 +7623,13 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "switchURL",
     value: function switchURL(url) {
+      logger.log("switchURL()", 'invoked, url: "'.concat(url, '"'));
       this.load(url || this._url);
     }
   }, {
     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);
@@ -7201,7 +7667,7 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
     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) {
@@ -7214,20 +7680,15 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
         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);
       }
     }
   }, {
@@ -7281,21 +7742,22 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     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", {
@@ -7304,32 +7766,37 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                 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";
@@ -7350,62 +7817,71 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                     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,
@@ -7413,9 +7889,50 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                     };
                   })
                 });
-                _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(_x3) {
+        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;
@@ -7423,42 +7940,43 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
                     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(_x4, _x5) {
+        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, {
@@ -7470,128 +7988,148 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     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 _yield$Promise$all3, _yield$Promise$all4, curAudioStats, curVideoStats, _this7$_audioStallObs, _this7$_videoStallObs, _this7$_networkQualit, _this7$_networkQualit2, _this7$_media, _this7$_media2, audioStats, videoStats, audioStallInfo, videoStallInfo, _ref6, _ref7, quality, qualityInfo, av_sync_diff;
+          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._pc && !_this7._networkQuality && _this7._opts.enableNetworkQuality && _this7._opts.networkQuality) {
+                    _this7._networkQuality = new NetworkQuality(_this7._pc, _this7._opts.networkQuality);
+                  }
+                  _context9.next = 9;
+                  return Promise.all([getRecvAudioStats(_this7._audioTransceicer.receiver.getStats()), getRecvVideoStats(_this7._videoTransceicer.receiver.getStats())]);
+                case 9:
+                  _yield$Promise$all3 = _context9.sent;
+                  _yield$Promise$all4 = _slicedToArray(_yield$Promise$all3, 2);
+                  curAudioStats = _yield$Promise$all4[0];
+                  curVideoStats = _yield$Promise$all4[1];
+                  if (!(_this7._preAudioStats && _this7._preVideoStats)) {
+                    _context9.next = 27;
+                    break;
+                  }
+                  audioStats = diffRecvAudioStats(_this7._preAudioStats, curAudioStats);
+                  videoStats = diffRecvVideoStats(_this7._preVideoStats, curVideoStats);
+                  _this7._videoJitterBufferDelay = videoStats.jitterBufferDelay;
+                  _context9.next = 19;
+                  return (_this7$_audioStallObs = _this7._audioStallObserver) === null || _this7$_audioStallObs === void 0 ? void 0 : _this7$_audioStallObs.getAudioStallInfo();
+                case 19:
+                  audioStallInfo = _context9.sent;
+                  _context9.next = 22;
+                  return (_this7$_videoStallObs = _this7._videoStallObserver) === null || _this7$_videoStallObs === void 0 ? void 0 : _this7$_videoStallObs.getStallInfo({
+                    interval: videoStats.statsInterval,
+                    frameRateReceived: videoStats.receivedFrameRate,
+                    frameRateDecoded: videoStats.decoderOutputFrameRate,
+                    bitrate: videoStats.receivedKBitrate
+                  });
+                case 22:
+                  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, {
+                    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"
+                  });
+                case 27:
+                  _this7._preAudioStats = curAudioStats;
+                  _this7._preVideoStats = curVideoStats;
+                  _this7._setDelayError = null;
+                case 30:
+                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,9 +8157,9 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
       (_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$_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) {
@@ -7629,23 +8167,38 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
         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();
+      var _this$_loader2, _this$_networkEvaluat2;
+      this._clearDelay();
+      (_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.reset();
       this._audioTransceicer = null;
       this._videoTransceicer = null;
       this._mediaStream = null;
-      this._networkEvaluate = null;
     }
   }, {
     key: "_emitError",
     value: function _emitError(error) {
+      var _error$originError;
+      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();
@@ -7660,29 +8213,35 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     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() {
@@ -7696,7 +8255,8 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
             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;
@@ -7712,14 +8272,47 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
         }
       }
     }
+  }, {
+    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;
+      var _this$_revertVolumeWo, _this$_media3;
       this._disconnect();
       (_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;
       }
@@ -7730,7 +8323,6 @@ var Rts = /* @__PURE__ */ function(_EventEmitter) {
       this._media = null;
       this._player = null;
       this._pc = null;
-      this._opts = null;
     }
   }], [{
     key: "enableLogger",
@@ -7759,15 +8351,11 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   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;
       }
@@ -7775,8 +8363,8 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
         _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) {
@@ -7784,8 +8372,8 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
       }
       _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;
@@ -7804,8 +8392,8 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
         }
       }, rtsOpts));
       _this._rts.load(config.url);
-    });
-    _defineProperty$2(_assertThisInitialized$1(_this), "_onSwitchURL", function(url) {
+    };
+    _this._onSwitchURL = function(url) {
       if (url) {
         _this.player.config.url = url;
       }
@@ -7814,14 +8402,14 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
       } else {
         _this._reInit();
       }
-    });
-    _defineProperty$2(_assertThisInitialized$1(_this), "destroy", function() {
+    };
+    _this.destroy = function() {
       var _this$_rts3;
       _this.player.switchURL = _this._originSwitchFn;
       _this._clearDisconnectTimer();
       (_this$_rts3 = _this._rts) === null || _this$_rts3 === void 0 ? void 0 : _this$_rts3.destroy();
       _this._rts = null;
-    });
+    };
     return _this;
   }
   _createClass$3(RtsPlugin2, [{
@@ -7831,32 +8419,38 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
       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.51";
     }
   }, {
     key: "beforePlayerInit",
@@ -7864,7 +8458,8 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
       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);
       }
       this.player.switchURL = this._onSwitchURL;
       (_this$player2 = this.player) === null || _this$player2 === void 0 ? void 0 : _this$player2.useHooks("replay", this._onSwitchURL);
@@ -7906,26 +8501,26 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     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",
@@ -7936,15 +8531,15 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     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;
     }
   }, {
@@ -7960,16 +8555,17 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
       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;
@@ -8005,7 +8601,7 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
         }
         _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");
       });
@@ -8013,8 +8609,8 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     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
@@ -8052,7 +8648,8 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
               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;
@@ -8063,7 +8660,8 @@ var RtsPlugin = /* @__PURE__ */ function(_BasePlugin) {
               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);