@volcengine/veplayer-plugin 2.3.0 → 2.4.0-rc.1

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

@@ -470,7 +470,7 @@ function _possibleConstructorReturn$3(self, call) {
   }
   return _assertThisInitialized$3(self);
 }
-function _createSuper$3(Derived) {
+function _createSuper$2(Derived) {
   var hasNativeReflectConstruct = _isNativeReflectConstruct$3();
   return function _createSuperInternal() {
     var Super = _getPrototypeOf$3(Derived), result;
@@ -1387,6 +1387,9 @@ util.cancelAnimationFrame = function(frameId) {
   _fun && _fun(frameId);
 };
 util.isMSE = function(video) {
+  if (video.media) {
+    video = video.media;
+  }
   if (!video || !(video instanceof HTMLMediaElement)) {
     return false;
   }
@@ -1535,7 +1538,7 @@ util.getCurrentTimeByOffset = function(offsetTime, segments) {
   }
   return offsetTime;
 };
-var version = "3.0.12";
+var version = "3.0.17";
 var ERROR_MAP = {
   1: 5101,
   2: 5102,
@@ -2510,7 +2513,7 @@ function _possibleConstructorReturn$2(self, call) {
   }
   return _assertThisInitialized$2(self);
 }
-function _createSuper$2(Derived) {
+function _createSuper$1(Derived) {
   var hasNativeReflectConstruct = _isNativeReflectConstruct$2();
   return function _createSuperInternal() {
     var Super = _getPrototypeOf$2(Derived), result;
@@ -2638,30 +2641,6 @@ function _toPropertyKey$2(arg) {
   var key = _toPrimitive$2(arg, "string");
   return typeof key === "symbol" ? key : String(key);
 }
-function createPublicPromise() {
-  var res, rej;
-  var promise = new Promise(function(resolve, reject) {
-    res = resolve;
-    rej = reject;
-  });
-  promise.used = false;
-  promise.resolve = function() {
-    promise.used = true;
-    return res.apply(void 0, arguments);
-  };
-  promise.reject = function() {
-    promise.used = true;
-    return rej.apply(void 0, arguments);
-  };
-  return promise;
-}
-function nowTime$1() {
-  try {
-    return parseInt(performance.now(), 10);
-  } catch (e) {
-    return (/* @__PURE__ */ new Date()).getTime();
-  }
-}
 var Buffer$1 = /* @__PURE__ */ function() {
   function Buffer2() {
     _classCallCheck$2(this, Buffer2);
@@ -2783,6 +2762,7 @@ var Buffer$1 = /* @__PURE__ */ function() {
   }]);
   return Buffer2;
 }();
+var isBrowser$1 = typeof window !== "undefined";
 var _ERR_CODE;
 var ERR = {
   MANIFEST: "manifest",
@@ -2859,7 +2839,7 @@ var ERR_CODE = (_ERR_CODE = {}, _defineProperty$1(_ERR_CODE, ERR.MANIFEST, {
 }), _ERR_CODE);
 var StreamingError = /* @__PURE__ */ function(_Error) {
   _inherits$2(StreamingError2, _Error);
-  var _super = _createSuper$2(StreamingError2);
+  var _super = _createSuper$1(StreamingError2);
   function StreamingError2(type, subType, origin, payload, msg) {
     var _this;
     _classCallCheck$2(this, StreamingError2);
@@ -2901,7 +2881,6 @@ var StreamingError = /* @__PURE__ */ function(_Error) {
   }]);
   return StreamingError2;
 }(/* @__PURE__ */ _wrapNativeSuper(Error));
-var isBrowser$1 = typeof window !== "undefined";
 var LogCacheLevel = {
   "DEBUG": 1,
   "LOG": 2,
@@ -2930,7 +2909,7 @@ var Logger$2 = /* @__PURE__ */ function() {
       this.logCache.apply(this, [LogCacheLevel.DEBUG].concat(args));
       if (Logger2.disabled)
         return;
-      (_console = console).debug.apply(_console, [this._prefix, nowTime()].concat(args));
+      (_console = console).debug.apply(_console, [this._prefix, nowTime$1()].concat(args));
     }
   }, {
     key: "log",
@@ -2942,7 +2921,7 @@ var Logger$2 = /* @__PURE__ */ function() {
       this.logCache.apply(this, [LogCacheLevel.LOG].concat(args));
       if (Logger2.disabled)
         return;
-      (_console2 = console).log.apply(_console2, [this._prefix, nowTime()].concat(args));
+      (_console2 = console).log.apply(_console2, [this._prefix, nowTime$1()].concat(args));
     }
   }, {
     key: "warn",
@@ -2954,7 +2933,7 @@ var Logger$2 = /* @__PURE__ */ function() {
       this.logCache.apply(this, [LogCacheLevel.WARN].concat(args));
       if (Logger2.disabled)
         return;
-      (_console3 = console).warn.apply(_console3, [this._prefix, nowTime()].concat(args));
+      (_console3 = console).warn.apply(_console3, [this._prefix, nowTime$1()].concat(args));
     }
   }, {
     key: "error",
@@ -2966,7 +2945,7 @@ var Logger$2 = /* @__PURE__ */ function() {
       this.logCache.apply(this, [LogCacheLevel.ERROR].concat(args));
       if (Logger2.disabled)
         return;
-      (_console4 = console).error.apply(_console4, [this._prefix, nowTime()].concat(args));
+      (_console4 = console).error.apply(_console4, [this._prefix, nowTime$1()].concat(args));
     }
   }, {
     key: "logCache",
@@ -2981,7 +2960,7 @@ var Logger$2 = /* @__PURE__ */ function() {
         var finLogText = logText.map(function(item) {
           return logable(item);
         });
-        text = this._prefix + nowTime() + JSON.stringify(finLogText);
+        text = this._prefix + nowTime$1() + JSON.stringify(finLogText);
       } catch (e) {
         return;
       }
@@ -3036,7 +3015,7 @@ var Logger$2 = /* @__PURE__ */ function() {
   return Logger2;
 }();
 _defineProperty$1(Logger$2, "disabled", true);
-function nowTime() {
+function nowTime$1() {
   return (/* @__PURE__ */ new Date()).toLocaleString();
 }
 function reduceDepth(val) {
@@ -3084,13 +3063,72 @@ function logable(obj, maxDepth, depth) {
   }
   return result;
 }
+function createPublicPromise() {
+  var res, rej;
+  var promise = new Promise(function(resolve, reject) {
+    res = resolve;
+    rej = reject;
+  });
+  promise.used = false;
+  promise.resolve = function() {
+    promise.used = true;
+    return res.apply(void 0, arguments);
+  };
+  promise.reject = function() {
+    promise.used = true;
+    return rej.apply(void 0, arguments);
+  };
+  return promise;
+}
+function nowTime() {
+  try {
+    return parseInt(performance.now(), 10);
+  } catch (e) {
+    return (/* @__PURE__ */ new Date()).getTime();
+  }
+}
+var SafeJSON = {
+  stringify: function stringify(obj) {
+    try {
+      return JSON.stringify(obj);
+    } catch (e) {
+      return "";
+    }
+  },
+  parse: function parse(obj) {
+    try {
+      return JSON.parse(obj);
+    } catch (e) {
+      return void 0;
+    }
+  }
+};
 function getMediaSource() {
+  var preferMMS = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
   try {
-    return isBrowser$1 ? window.MediaSource : null;
+    if (!isBrowser$1)
+      return null;
+    if (preferMMS && typeof ManagedMediaSource !== "undefined")
+      return ManagedMediaSource;
+    return window.MediaSource;
   } catch (e) {
   }
 }
-var MediaSource = getMediaSource();
+function isMMS(mediaSource) {
+  return /ManagedMediaSource/gi.test(Object.prototype.toString.call(mediaSource));
+}
+function getTimeRanges(buffered) {
+  var ranges = [];
+  if (buffered instanceof TimeRanges) {
+    for (var i = 0; i < buffered.length; i++) {
+      ranges.push({
+        start: buffered.start(i),
+        end: buffered.end(i)
+      });
+    }
+  }
+  return ranges;
+}
 var OP_NAME = {
   APPEND: "appendBuffer",
   REMOVE: "removeBuffer",
@@ -3111,6 +3149,12 @@ var MSE = /* @__PURE__ */ function() {
     _defineProperty$1(this, "_logger", null);
     _defineProperty$1(this, "_config", null);
     _defineProperty$1(this, "_url", null);
+    _defineProperty$1(this, "_onStartStreaming", function() {
+      _this2._logger.debug("startstreaming");
+    });
+    _defineProperty$1(this, "_onEndStreaming", function() {
+      _this2._logger.debug("endstreaming");
+    });
     _defineProperty$1(this, "_onSBUpdateEnd", function(type) {
       var queue = _this2._queue[type];
       if (queue) {
@@ -3119,8 +3163,9 @@ var MSE = /* @__PURE__ */ function() {
           queue.shift();
         }
         if (op) {
-          var costtime = nowTime$1() - _this2._opst;
-          _this2._logger.debug("UpdateEnd", op.opName, costtime, op.context);
+          var _this2$_sourceBuffer$;
+          var costtime = nowTime() - _this2._opst;
+          _this2._logger.debug("UpdateEnd(".concat(type, "/").concat(op.opName, ")"), SafeJSON.stringify(getTimeRanges((_this2$_sourceBuffer$ = _this2._sourceBuffer[type]) === null || _this2$_sourceBuffer$ === void 0 ? void 0 : _this2$_sourceBuffer$.buffered)), costtime, op.context);
           op.promise.resolve({
             name: op.opName,
             context: op.context,
@@ -3154,6 +3199,19 @@ var MSE = /* @__PURE__ */ function() {
       var _this$mediaSource;
       return ((_this$mediaSource = this.mediaSource) === null || _this$mediaSource === void 0 ? void 0 : _this$mediaSource.readyState) === "open";
     }
+  }, {
+    key: "hasOpTasks",
+    get: function get() {
+      var _this3 = this;
+      var flag = false;
+      Object.keys(this._queue).forEach(function(k) {
+        var queue = _this3._queue[k];
+        if (Array.isArray(queue)) {
+          flag || (flag = queue.length > 0);
+        }
+      });
+      return flag;
+    }
   }, {
     key: "url",
     get: function get() {
@@ -3170,6 +3228,11 @@ var MSE = /* @__PURE__ */ function() {
     get: function get() {
       return this.mediaSource ? this.mediaSource.readyState === "ended" : false;
     }
+  }, {
+    key: "streaming",
+    get: function get() {
+      return isMMS(this.mediaSource) ? this.mediaSource.streaming : true;
+    }
   }, {
     key: "isFull",
     value: function isFull(type) {
@@ -3178,13 +3241,13 @@ var MSE = /* @__PURE__ */ function() {
   }, {
     key: "updateDuration",
     value: function updateDuration(duration) {
-      var _this3 = this;
+      var _this4 = this;
       var isReduceDuration = this.mediaSource && this.mediaSource.duration > duration;
       if (this.mediaSource && this.mediaSource.duration > duration) {
         var bufferEnd = 0;
         Object.keys(this._sourceBuffer).forEach(function(k) {
           try {
-            bufferEnd = Math.max(_this3.bufferEnd(k) || 0, bufferEnd);
+            bufferEnd = Math.max(_this4.bufferEnd(k) || 0, bufferEnd);
           } catch (error) {
           }
         });
@@ -3193,13 +3256,13 @@ var MSE = /* @__PURE__ */ function() {
         }
       }
       return this._enqueueBlockingOp(function() {
-        if (_this3.isEnded) {
-          _this3._logger.debug("[debug mse] setDuration ended");
+        if (_this4.isEnded) {
+          _this4._logger.debug("setDuration but ended");
           return;
         }
-        if (_this3.mediaSource) {
-          _this3.mediaSource.duration = duration;
-          _this3._logger.debug("[debug mse] setDuration");
+        if (_this4.mediaSource) {
+          _this4.mediaSource.duration = duration;
+          _this4._logger.debug("setDuration", duration);
         }
       }, OP_NAME.UPDATE_DURATION, {
         isReduceDuration
@@ -3208,15 +3271,15 @@ var MSE = /* @__PURE__ */ function() {
   }, {
     key: "open",
     value: function open() {
-      var _this4 = this;
+      var _this5 = this;
       if (this._openPromise.used && !this.isOpened && this.mediaSource) {
         var ms = this.mediaSource;
         var onOpen = function onOpen2() {
-          var costtime = nowTime$1() - _this4._st;
-          _this4._logger.debug("MSE OPEN", costtime);
+          var costTime = nowTime() - _this5._st;
+          _this5._logger.debug("sourceopen", costTime);
           ms.removeEventListener("sourceopen", onOpen2);
-          _this4._openPromise.resolve({
-            costtime
+          _this5._openPromise.resolve({
+            costtime: costTime
           });
         };
         ms.addEventListener("sourceopen", onOpen);
@@ -3228,8 +3291,8 @@ var MSE = /* @__PURE__ */ function() {
     key: "bindMedia",
     value: function() {
       var _bindMedia = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee(media) {
-        var _this5 = this;
-        var ms, onOpen;
+        var _this6 = this;
+        var MediaSource2, ms, useMMS, onOpen;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1)
             switch (_context.prev = _context.next) {
@@ -3241,29 +3304,36 @@ var MSE = /* @__PURE__ */ function() {
                 _context.next = 3;
                 return this.unbindMedia();
               case 3:
-                if (!(!media || !MediaSource)) {
-                  _context.next = 5;
+                MediaSource2 = getMediaSource(this._config.preferMMS);
+                if (!(!media || !MediaSource2)) {
+                  _context.next = 6;
                   break;
                 }
                 throw new Error("Param media or MediaSource does not exist");
-              case 5:
+              case 6:
                 this.media = media;
-                ms = this.mediaSource = new MediaSource();
-                this._st = nowTime$1();
+                ms = this.mediaSource = new MediaSource2();
+                useMMS = isMMS(ms);
+                this._st = nowTime();
                 onOpen = function onOpen2() {
-                  var costtime = nowTime$1() - _this5._st;
-                  _this5._logger.debug("MSE OPEN");
+                  var costTime = nowTime() - _this6._st;
+                  _this6._logger.debug("sourceopen");
                   ms.removeEventListener("sourceopen", onOpen2);
                   URL.revokeObjectURL(media.src);
-                  _this5._openPromise.resolve({
-                    costtime
+                  _this6._openPromise.resolve({
+                    costtime: costTime
                   });
                 };
                 ms.addEventListener("sourceopen", onOpen);
+                if (useMMS) {
+                  ms.addEventListener("startstreaming", this._onStartStreaming);
+                  ms.addEventListener("endstreaming", this._onEndStreaming);
+                }
                 this._url = URL.createObjectURL(ms);
                 media.src = this._url;
+                media.disableRemotePlayback = useMMS;
                 return _context.abrupt("return", this._openPromise);
-              case 13:
+              case 17:
               case "end":
                 return _context.stop();
             }
@@ -3278,7 +3348,7 @@ var MSE = /* @__PURE__ */ function() {
     key: "unbindMedia",
     value: function() {
       var _unbindMedia = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee2() {
-        var _this6 = this;
+        var _this7 = this;
         var ms, hasMetadata, mseOpen;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1)
@@ -3289,7 +3359,7 @@ var MSE = /* @__PURE__ */ function() {
                 ms = this.mediaSource;
                 if (ms) {
                   Object.keys(this._queue).forEach(function(t) {
-                    var queue = _this6._queue[t];
+                    var queue = _this7._queue[t];
                     if (queue) {
                       queue.forEach(function(x) {
                         var _x$promise, _x$promise$resolve;
@@ -3307,12 +3377,17 @@ var MSE = /* @__PURE__ */ function() {
                   }
                   Object.keys(this._sourceBuffer).forEach(function(k) {
                     try {
-                      ms.removeSourceBuffer(_this6._sourceBuffer[k]);
+                      ms.removeSourceBuffer(_this7._sourceBuffer[k]);
                     } catch (error) {
                     }
                   });
+                  if (isMMS(ms)) {
+                    ms.removeEventListener("startstreaming", this._onStartStreaming);
+                    ms.removeEventListener("endstreaming", this._onEndStreaming);
+                  }
                 }
                 if (this.media) {
+                  this.media.disableRemotePlayback = false;
                   this.media.removeAttribute("src");
                   try {
                     this.media.load();
@@ -3353,7 +3428,7 @@ var MSE = /* @__PURE__ */ function() {
   }, {
     key: "changeType",
     value: function changeType(type, mimeType) {
-      var _this7 = this;
+      var _this8 = this;
       var sb = this._sourceBuffer[type];
       if (!this.mediaSource || !sb || sb.mimeType === mimeType)
         return Promise.resolve();
@@ -3362,7 +3437,7 @@ var MSE = /* @__PURE__ */ function() {
       return this._enqueueOp(type, function() {
         sb.changeType(mimeType);
         sb.mimeType = mimeType;
-        _this7._onSBUpdateEnd(type);
+        _this8._onSBUpdateEnd(type);
       }, "changeType", {
         mimeType
       });
@@ -3376,60 +3451,60 @@ var MSE = /* @__PURE__ */ function() {
   }, {
     key: "append",
     value: function append(type, buffer, context) {
-      var _this8 = this;
+      var _this9 = this;
       if (!buffer || !buffer.byteLength) {
         return Promise.resolve();
       }
       if (!this._sourceBuffer[type])
         return Promise.resolve();
       return this._enqueueOp(type, function() {
-        var _this8$_sourceBuffer$;
-        if (!_this8.mediaSource || _this8.media.error)
+        var _this9$_sourceBuffer$;
+        if (!_this9.mediaSource || _this9.media.error)
           return;
-        _this8._logger.debug("MSE APPEND START", context);
-        _this8._opst = nowTime$1();
-        (_this8$_sourceBuffer$ = _this8._sourceBuffer[type]) === null || _this8$_sourceBuffer$ === void 0 ? void 0 : _this8$_sourceBuffer$.appendBuffer(buffer);
+        _this9._logger.debug("MSE APPEND START", context);
+        _this9._opst = nowTime();
+        (_this9$_sourceBuffer$ = _this9._sourceBuffer[type]) === null || _this9$_sourceBuffer$ === void 0 ? void 0 : _this9$_sourceBuffer$.appendBuffer(buffer);
       }, OP_NAME.APPEND, context);
     }
   }, {
     key: "remove",
     value: function remove(type, startTime, endTime, context) {
-      var _this9 = this;
+      var _this10 = this;
       var isInsertHead = false;
       if (this._mseFullFlag[type]) {
         isInsertHead = true;
       }
       return this._enqueueOp(type, function() {
-        if (!_this9.mediaSource || _this9.media.error)
+        if (!_this10.mediaSource || _this10.media.error)
           return;
-        var sb = _this9._sourceBuffer[type];
+        var sb = _this10._sourceBuffer[type];
         if (startTime >= endTime || !sb) {
-          _this9._onSBUpdateEnd(type);
+          _this10._onSBUpdateEnd(type);
           return;
         }
-        _this9._opst = nowTime$1();
-        _this9._logger.debug("MSE REMOVE START", type, startTime, endTime, context);
+        _this10._opst = nowTime();
+        _this10._logger.debug("MSE REMOVE START", type, startTime, endTime, context);
         sb.remove(startTime, endTime);
       }, OP_NAME.REMOVE, context, isInsertHead);
     }
   }, {
     key: "clearBuffer",
     value: function clearBuffer(startTime, endTime) {
-      var _this10 = this;
+      var _this11 = this;
       var p;
       Object.keys(this._sourceBuffer).forEach(function(k) {
-        p = _this10.remove(k, startTime, endTime);
+        p = _this11.remove(k, startTime, endTime);
       });
       return p || Promise.resolve();
     }
   }, {
     key: "clearAllBuffer",
     value: function clearAllBuffer() {
-      var _this11 = this;
+      var _this12 = this;
       var p;
       Object.keys(this._sourceBuffer).forEach(function(k) {
-        var sb = _this11._sourceBuffer[k];
-        p = _this11.remove(k, 0, Buffer$1.end(Buffer$1.get(sb)));
+        var sb = _this12._sourceBuffer[k];
+        p = _this12.remove(k, 0, Buffer$1.end(Buffer$1.get(sb)));
       });
       return p;
     }
@@ -3445,26 +3520,26 @@ var MSE = /* @__PURE__ */ function() {
       }
       if (!queue || !queue[type] || queue.length < 5)
         return;
-      var initOpque = [];
+      var initQueue = [];
       queue.forEach(function(op) {
         if (op.context && op.context.isinit) {
-          initOpque.push(op);
+          initQueue.push(op);
         }
       });
       this._queue[type] = queue.slice(0, 2);
-      initOpque.length > 0 && (_this$_queue$type = this._queue[type]).push.apply(_this$_queue$type, initOpque);
+      initQueue.length > 0 && (_this$_queue$type = this._queue[type]).push.apply(_this$_queue$type, initQueue);
     }
   }, {
     key: "endOfStream",
     value: function endOfStream(reason) {
-      var _this12 = this;
+      var _this13 = this;
       if (!this.mediaSource || this.mediaSource.readyState !== "open")
         return Promise.resolve();
       return this._enqueueBlockingOp(function() {
-        var ms = _this12.mediaSource;
+        var ms = _this13.mediaSource;
         if (!ms || ms.readyState !== "open")
           return;
-        _this12._logger.debug("MSE endOfStream START");
+        _this13._logger.debug("MSE endOfStream START");
         if (reason) {
           ms.endOfStream(reason);
         } else {
@@ -3503,7 +3578,7 @@ var MSE = /* @__PURE__ */ function() {
   }, {
     key: "_enqueueOp",
     value: function _enqueueOp(type, exec, opName, context, isInsertHead) {
-      var _this13 = this;
+      var _this14 = this;
       if (!this.mediaSource)
         return Promise.resolve();
       var queue = this._queue[type] = this._queue[type] || [];
@@ -3527,7 +3602,7 @@ var MSE = /* @__PURE__ */ function() {
       } else {
         this._openPromise.then(function() {
           if (queue.length === 1) {
-            _this13._startQueue(type);
+            _this14._startQueue(type);
           }
         });
       }
@@ -3537,7 +3612,7 @@ var MSE = /* @__PURE__ */ function() {
     key: "_enqueueBlockingOp",
     value: function() {
       var _enqueueBlockingOp2 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee3(exec, opName, context) {
-        var _this14 = this;
+        var _this15 = this;
         var types, waiters;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1)
@@ -3558,7 +3633,7 @@ var MSE = /* @__PURE__ */ function() {
               case 5:
                 waiters = [];
                 types.forEach(function(t) {
-                  var queue = _this14._queue[t];
+                  var queue = _this15._queue[t];
                   var prom = createPublicPromise();
                   waiters.push(prom);
                   queue.push({
@@ -3570,7 +3645,7 @@ var MSE = /* @__PURE__ */ function() {
                     context
                   });
                   if (queue.length === 1) {
-                    _this14._startQueue(t);
+                    _this15._startQueue(t);
                   }
                 });
                 return _context3.abrupt("return", Promise.all(waiters).then(function() {
@@ -3578,11 +3653,11 @@ var MSE = /* @__PURE__ */ function() {
                     return exec();
                   } finally {
                     types.forEach(function(t) {
-                      var queue = _this14._queue[t];
-                      var sb = _this14._sourceBuffer[t];
+                      var queue = _this15._queue[t];
+                      var sb = _this15._sourceBuffer[t];
                       queue === null || queue === void 0 ? void 0 : queue.shift();
                       if (!sb || !sb.updating) {
-                        _this14._startQueue(t);
+                        _this15._startQueue(t);
                       }
                     });
                   }
@@ -3625,47 +3700,54 @@ var MSE = /* @__PURE__ */ function() {
   }, {
     key: "setTimeoffset",
     value: function setTimeoffset(type, timestampOffset, context) {
-      var _this15 = this;
+      var _this16 = this;
       return this._enqueueOp(type, function() {
         if (timestampOffset < 0) {
           timestampOffset += 1e-3;
         }
-        _this15._sourceBuffer[type].timestampOffset = timestampOffset;
-        _this15._onSBUpdateEnd(type);
+        _this16._sourceBuffer[type].timestampOffset = timestampOffset;
+        _this16._onSBUpdateEnd(type);
       }, "setTimeoffset", context);
     }
   }, {
     key: "abort",
     value: function abort(type, context) {
-      var _this16 = this;
+      var _this17 = this;
       if (!this.isOpened) {
         return Promise.resolve();
       }
       return this._enqueueOp(type, function() {
-        _this16._sourceBuffer[type].abort();
-        _this16._onSBUpdateEnd(type);
+        _this17._sourceBuffer[type].abort();
+        _this17._onSBUpdateEnd(type);
       }, "abort", context);
     }
   }], [{
-    key: "getDefaultConfig",
-    value: function getDefaultConfig() {
-      return {
-        openLog: false
-      };
-    }
-  }, {
     key: "isSupported",
     value: function isSupported() {
       var mime = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 'video/mp4; codecs="avc1.42E01E,mp4a.40.2"';
-      if (!MediaSource)
+      var MediaSource2 = getMediaSource();
+      if (!MediaSource2)
         return false;
       try {
-        return MediaSource.isTypeSupported(mime);
+        return MediaSource2.isTypeSupported(mime);
       } catch (error) {
         this._logger.error(mime, error);
         return false;
       }
     }
+  }, {
+    key: "isMMSOnly",
+    value: function isMMSOnly() {
+      return typeof ManagedMediaSource !== "undefined" && typeof MediaSource === "undefined";
+    }
+  }, {
+    key: "getDefaultConfig",
+    value: function getDefaultConfig() {
+      return {
+        openLog: false,
+        preferMMS: false
+      };
+    }
   }]);
   return MSE2;
 }();
@@ -3682,7 +3764,7 @@ var ResponseType = {
 };
 var NetError = /* @__PURE__ */ function(_Error) {
   _inherits$2(NetError2, _Error);
-  var _super = _createSuper$2(NetError2);
+  var _super = _createSuper$1(NetError2);
   function NetError2(url, request, response, msg) {
     var _this;
     _classCallCheck$2(this, NetError2);
@@ -3793,10 +3875,12 @@ var EVENT = {
   LOAD_COMPLETE: "core.loadcomplete",
   LOAD_RETRY: "core.loadretry",
   SOURCEBUFFER_CREATED: "core.sourcebuffercreated",
+  MEDIASOURCE_OPENED: "core.mediasourceopened",
   ANALYZE_DURATION_EXCEEDED: "core.analyzedurationexceeded",
   REMOVE_BUFFER: "core.removebuffer",
   BUFFEREOS: "core.buffereos",
   KEYFRAME: "core.keyframe",
+  CHASEFRAME: "core.chaseframe",
   METADATA_PARSED: "core.metadataparsed",
   SEI: "core.sei",
   SEI_IN_TIME: "core.seiintime",
@@ -3820,7 +3904,7 @@ var EVENT = {
 var CACHESIZE = 2 * 1024 * 1024;
 var FetchLoader = /* @__PURE__ */ function(_EventEmitter) {
   _inherits$2(FetchLoader2, _EventEmitter);
-  var _super = _createSuper$2(FetchLoader2);
+  var _super = _createSuper$1(FetchLoader2);
   function FetchLoader2() {
     var _this;
     _classCallCheck$2(this, FetchLoader2);
@@ -4272,7 +4356,7 @@ function getConfig(cfg) {
 }
 var XhrLoader = /* @__PURE__ */ function(_EventEmitter) {
   _inherits$2(XhrLoader2, _EventEmitter);
-  var _super = _createSuper$2(XhrLoader2);
+  var _super = _createSuper$1(XhrLoader2);
   function XhrLoader2() {
     var _this;
     _classCallCheck$2(this, XhrLoader2);
@@ -4756,7 +4840,7 @@ function sleep() {
 }
 var NetLoader = /* @__PURE__ */ function(_EventEmitter) {
   _inherits$2(NetLoader2, _EventEmitter);
-  var _super = _createSuper$2(NetLoader2);
+  var _super = _createSuper$1(NetLoader2);
   function NetLoader2(cfg) {
     var _this;
     _classCallCheck$2(this, NetLoader2);
@@ -5299,7 +5383,7 @@ function _possibleConstructorReturn$1(self, call) {
   }
   return _assertThisInitialized$1(self);
 }
-function _createSuper$1(Derived) {
+function _createSuper(Derived) {
   var hasNativeReflectConstruct = _isNativeReflectConstruct$1();
   return function _createSuperInternal() {
     var Super = _getPrototypeOf$1(Derived), result;
@@ -5443,6 +5527,26 @@ var VideoTrack = /* @__PURE__ */ function() {
       this.warnings = [];
       this.hvcC = null;
     }
+  }, {
+    key: "firstDts",
+    get: function get() {
+      return this.samples.length ? this.samples[0].dts : null;
+    }
+  }, {
+    key: "firstPts",
+    get: function get() {
+      return this.samples.length ? this.samples[0].pts : null;
+    }
+  }, {
+    key: "samplesDuration",
+    get: function get() {
+      if (this.samples.length > 0) {
+        var first = this.samples[0];
+        var last = this.samples[this.samples.length - 1];
+        return last.dts - first.dts + last.duration;
+      }
+      return 0;
+    }
   }, {
     key: "exist",
     value: function exist() {
@@ -5521,6 +5625,26 @@ var AudioTrack = /* @__PURE__ */ function() {
     get: function get() {
       return this.isAudioEncryption;
     }
+  }, {
+    key: "firstDts",
+    get: function get() {
+      return this.samples.length ? this.samples[0].dts : null;
+    }
+  }, {
+    key: "firstPts",
+    get: function get() {
+      return this.samples.length ? this.samples[0].pts : null;
+    }
+  }, {
+    key: "samplesDuration",
+    get: function get() {
+      if (this.samples.length > 0) {
+        var first = this.samples[0];
+        var last = this.samples[this.samples.length - 1];
+        return last.dts - first.dts + last.duration;
+      }
+      return 0;
+    }
   }]);
   return AudioTrack2;
 }();
@@ -5581,7 +5705,7 @@ var Sample = /* @__PURE__ */ _createClass$1(
 );
 var FlvScriptSample = /* @__PURE__ */ function(_Sample) {
   _inherits$1(FlvScriptSample2, _Sample);
-  var _super = _createSuper$1(FlvScriptSample2);
+  var _super = _createSuper(FlvScriptSample2);
   function FlvScriptSample2() {
     _classCallCheck$1(this, FlvScriptSample2);
     return _super.apply(this, arguments);
@@ -5590,7 +5714,7 @@ var FlvScriptSample = /* @__PURE__ */ function(_Sample) {
 }(Sample);
 var SeiSample = /* @__PURE__ */ function(_Sample2) {
   _inherits$1(SeiSample2, _Sample2);
-  var _super2 = _createSuper$1(SeiSample2);
+  var _super2 = _createSuper(SeiSample2);
   function SeiSample2() {
     _classCallCheck$1(this, SeiSample2);
     return _super2.apply(this, arguments);
@@ -6198,7 +6322,7 @@ function getAvcCodec(codecs) {
   }
   return codec;
 }
-function parse(a) {
+function parse2(a) {
   if (!Array.isArray(a)) {
     var arr = [];
     var value = "";
@@ -6948,7 +7072,7 @@ var AMF = /* @__PURE__ */ function() {
   }
   _createClass$1(AMF2, null, [{
     key: "parse",
-    value: function parse2(data) {
+    value: function parse3(data) {
       if (data.length < 3)
         return;
       var ret = {};
@@ -7513,7 +7637,7 @@ var MP4 = /* @__PURE__ */ function() {
         0,
         0,
         0
-      ].concat([16, 119, 239, 236, 192, 178, 77, 2, 172, 227, 60, 30, 82, 226, 251, 75], [0, 0, 0, 1], parse(data.kid), [0, 0, 0, 0]));
+      ].concat([16, 119, 239, 236, 192, 178, 77, 2, 172, 227, 60, 30, 82, 226, 251, 75], [0, 0, 0, 1], parse2(data.kid), [0, 0, 0, 0]));
       return MP42.box(MP42.types.pssh, content);
     }
   }, {
@@ -8001,7 +8125,7 @@ var MP4 = /* @__PURE__ */ function() {
         0,
         data.default_IsEncrypted & 255,
         data.default_IV_size & 255
-      ].concat(parse(data.default_KID)));
+      ].concat(parse2(data.default_KID)));
       return MP42.box(MP42.types.tenc, content);
     }
   }, {
@@ -9388,7 +9512,8 @@ var FMP4Remuxer = /* @__PURE__ */ function() {
 }();
 var logger$1 = new Logger$2("BufferService");
 var BufferService = /* @__PURE__ */ function() {
-  function BufferService2(flv, softVideo, opts) {
+  function BufferService2(flv, softVideo) {
+    var opts = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
     _classCallCheck$4(this, BufferService2);
     _defineProperty$3(this, "flv", null);
     _defineProperty$3(this, "_demuxer", new FlvDemuxer());
@@ -9409,7 +9534,9 @@ var BufferService = /* @__PURE__ */ function() {
       this._softVideo = softVideo;
     } else {
       this._remuxer = new FMP4Remuxer(this._demuxer.videoTrack, this._demuxer.audioTrack);
-      this._mse = new MSE();
+      this._mse = new MSE(null, {
+        preferMMS: typeof opts.preferMMS === "boolean" ? opts.preferMMS : !!opts.perferMMS
+      });
       this._mse.bindMedia(flv.media);
     }
   }
@@ -9419,6 +9546,12 @@ var BufferService = /* @__PURE__ */ function() {
       var _this$_demuxer, _this$_demuxer$_fixer;
       return (_this$_demuxer = this._demuxer) === null || _this$_demuxer === void 0 ? void 0 : (_this$_demuxer$_fixer = _this$_demuxer._fixer) === null || _this$_demuxer$_fixer === void 0 ? void 0 : _this$_demuxer$_fixer._baseDts;
     }
+  }, {
+    key: "blobUrl",
+    get: function get() {
+      var _this$_mse;
+      return (_this$_mse = this._mse) === null || _this$_mse === void 0 ? void 0 : _this$_mse.url;
+    }
   }, {
     key: "isFull",
     value: function isFull() {
@@ -9658,7 +9791,7 @@ var BufferService = /* @__PURE__ */ function() {
                   this._emitMetaParsedEvent(videoTrack, audioTrack);
                 }
                 if (!mse) {
-                  _context5.next = 65;
+                  _context5.next = 66;
                   break;
                 }
                 if (this._sourceCreated) {
@@ -9680,20 +9813,24 @@ var BufferService = /* @__PURE__ */ function() {
                 this.flv.emit(EVENT.SOURCEBUFFER_CREATED);
               case 47:
                 _context5.prev = 47;
+                if (this._needInitSegment && !this._opts.mseLowLatency) {
+                  videoTrack.duration = this._opts.durationForMSELowLatencyOff * videoTrack.timescale;
+                  audioTrack.duration = this._opts.durationForMSELowLatencyOff * audioExist.timescale;
+                }
                 remuxResult = this._remuxer.remux(this._needInitSegment);
-                _context5.next = 54;
+                _context5.next = 55;
                 break;
-              case 51:
-                _context5.prev = 51;
+              case 52:
+                _context5.prev = 52;
                 _context5.t1 = _context5["catch"](47);
                 throw new StreamingError(ERR.REMUX, ERR.SUB_TYPES.FMP4, _context5.t1);
-              case 54:
+              case 55:
                 if (!(this._needInitSegment && !remuxResult.videoInitSegment && !remuxResult.audioInitSegment)) {
-                  _context5.next = 56;
+                  _context5.next = 57;
                   break;
                 }
                 return _context5.abrupt("return");
-              case 56:
+              case 57:
                 this._needInitSegment = false;
                 p = [];
                 if (remuxResult.videoInitSegment)
@@ -9705,15 +9842,15 @@ var BufferService = /* @__PURE__ */ function() {
                 if (remuxResult.audioSegment)
                   p.push(mse.append(audioType, remuxResult.audioSegment));
                 return _context5.abrupt("return", Promise.all(p));
-              case 65:
+              case 66:
                 if (this._softVideo) {
                   this._softVideo.appendBuffer(videoTrack, audioTrack);
                 }
-              case 66:
+              case 67:
               case "end":
                 return _context5.stop();
             }
-        }, _callee5, this, [[4, 8], [47, 51]]);
+        }, _callee5, this, [[4, 8], [47, 52]]);
       }));
       function appendBuffer(_x2) {
         return _appendBuffer.apply(this, arguments);
@@ -9884,7 +10021,10 @@ function getOption(opts) {
     seamlesslyReload: false,
     keepStatusAfterSwitch: true,
     onlyVideo: false,
-    onlyAudio: false
+    onlyAudio: false,
+    preferMMS: false,
+    mseLowLatency: true,
+    durationForMSELowLatencyOff: 6
   }, opts);
   if (ret.isLive) {
     if (ret.preloadTime) {
@@ -9926,9 +10066,10 @@ function searchKeyframeIndex(list, value) {
 }
 var logger = new Logger$2("flv");
 var MAX_HOLE = 0.1;
+var MAX_START_GAP = 0.3;
 var Flv = /* @__PURE__ */ function(_EventEmitter) {
   _inherits$3(Flv2, _EventEmitter);
-  var _super = _createSuper$3(Flv2);
+  var _super = _createSuper$2(Flv2);
   function Flv2(_opts) {
     var _this;
     _classCallCheck$4(this, Flv2);
@@ -10096,10 +10237,13 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
         }
       } else {
         if (!media.currentTime && _this._gapService) {
-          _this._gapService.do(media, opts.maxJumpDistance, _this.isLive, 3);
+          var gapJump = _this._opts.mseLowLatency || _this._opts.mseLowLatency === false && _this.bufferInfo(MAX_START_GAP).nextStart;
+          if (gapJump) {
+            _this._gapService.do(media, opts.maxJumpDistance, _this.isLive, 3);
+          }
           return;
         }
-        if (opts.isLive && bufferEnd > opts.disconnectTime) {
+        if (opts.isLive && media.readyState === 4 && bufferEnd > opts.disconnectTime) {
           _this.disconnect();
         }
       }
@@ -10118,6 +10262,14 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
         _this._tick();
       }
     });
+    _defineProperty$3(_assertThisInitialized$3(_this), "_onLoadeddata", function() {
+      if (_this.isLive && !_this._opts.mseLowLatency) {
+        if (_this.media.duration !== Infinity) {
+          _this._bufferService.updateDuration(Infinity).catch(function(e) {
+          });
+        }
+      }
+    });
     _defineProperty$3(_assertThisInitialized$3(_this), "_onSeeking", /* @__PURE__ */ _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee2() {
       return _regeneratorRuntime$1().wrap(function _callee2$(_context2) {
         while (1)
@@ -10143,6 +10295,10 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
         var latency = bufferEnd - currentTime;
         if (latency >= opts.maxLatency) {
           _this.media.currentTime = bufferEnd - opts.targetLatency;
+          _this.emit(EVENT.CHASEFRAME, {
+            currentTime: _this.media.currentTime,
+            latency: opts.targetLatency
+          });
         }
       }
       _this._seiService.throw(currentTime, true);
@@ -10244,6 +10400,7 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
       _this._gapService = new GapService();
     }
     _this.media.addEventListener("play", _this._onPlay);
+    _this.media.addEventListener("loadeddata", _this._onLoadeddata);
     _this.media.addEventListener("seeking", _this._onSeeking);
     _this.media.addEventListener("timeupdate", _this._onTimeupdate);
     _this.media.addEventListener("progress", _this._onBufferUpdate);
@@ -10254,7 +10411,7 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
   _createClass$4(Flv2, [{
     key: "version",
     get: function get() {
-      return "3.0.12";
+      return "3.0.17";
     }
   }, {
     key: "isLive",
@@ -10277,6 +10434,12 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
     get: function get() {
       return this._mediaLoader;
     }
+  }, {
+    key: "blobUrl",
+    get: function get() {
+      var _this$_bufferService3;
+      return (_this$_bufferService3 = this._bufferService) === null || _this$_bufferService3 === void 0 ? void 0 : _this$_bufferService3.blobUrl;
+    }
   }, {
     key: "speedInfo",
     value: function speedInfo() {
@@ -10422,10 +10585,10 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                 return this._clear();
               case 10:
                 setTimeout(function() {
-                  _this3._loadData(url);
-                  _this3._bufferService.seamlessSwitch();
                   _this3._urlSwitching = true;
                   _this3._seamlessSwitching = true;
+                  _this3._loadData(url);
+                  _this3._bufferService.seamlessSwitch();
                 });
               case 11:
               case "end":
@@ -10455,16 +10618,17 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                 this.removeAllListeners();
                 this._seiService.reset();
                 this.media.removeEventListener("play", this._onPlay);
+                this.media.removeEventListener("loadeddata", this._onLoadeddata);
                 this.media.removeEventListener("seeking", this._onSeeking);
                 this.media.removeEventListener("timeupdate", this._onTimeupdate);
                 this.media.removeEventListener("waiting", this._onWaiting);
                 this.media.removeEventListener("progress", this._onBufferUpdate);
-                _context7.next = 11;
+                _context7.next = 12;
                 return Promise.all([this._clear(), this._bufferService.destroy()]);
-              case 11:
+              case 12:
                 this.media = null;
                 this._bufferService = null;
-              case 13:
+              case 14:
               case "end":
                 return _context7.stop();
             }
@@ -10546,7 +10710,8 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                 }
                 this._mediaLoader.finnalUrl = finnalUrl;
                 this.emit(EVENT.LOAD_START, {
-                  url: finnalUrl
+                  url: finnalUrl,
+                  seamlessSwitching: this._seamlessSwitching
                 });
                 logger.debug("load data, loading:", this._loading, finnalUrl);
                 if (!this._loading) {
@@ -10724,7 +10889,7 @@ var PluginExtension = /* @__PURE__ */ function() {
 }();
 var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
   _inherits$3(FlvPlugin2, _BasePlugin);
-  var _super = _createSuper$3(FlvPlugin2);
+  var _super = _createSuper$2(FlvPlugin2);
   function FlvPlugin2() {
     var _this;
     _classCallCheck$4(this, FlvPlugin2);
@@ -10829,8 +10994,8 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
         BasePlugin.defineGetterOrSetter(this.player, {
           url: {
             get: function get() {
-              var _this2$flv, _this2$flv$media;
-              return (_this2$flv = _this2.flv) === null || _this2$flv === void 0 ? void 0 : (_this2$flv$media = _this2$flv.media) === null || _this2$flv$media === void 0 ? void 0 : _this2$flv$media.src;
+              var _this2$flv;
+              return (_this2$flv = _this2.flv) === null || _this2$flv === void 0 ? void 0 : _this2$flv.blobUrl;
             },
             configurable: true
           }
@@ -10868,6 +11033,7 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
       this._transCoreEvent(EVENT.REMOVE_BUFFER);
       this._transCoreEvent(EVENT.BUFFEREOS);
       this._transCoreEvent(EVENT.KEYFRAME);
+      this._transCoreEvent(EVENT.CHASEFRAME);
       this._transCoreEvent(EVENT.METADATA_PARSED);
       this._transCoreEvent(EVENT.SEI);
       this._transCoreEvent(EVENT.SEI_IN_TIME);
@@ -10909,10 +11075,44 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
     value: function isSupported(mediaType, codec) {
       return Flv.isSupported(mediaType, codec);
     }
+  }, {
+    key: "isSupportedMMS",
+    value: function isSupportedMMS() {
+      return typeof ManagedMediaSource !== "undefined";
+    }
   }]);
   return FlvPlugin2;
 }(BasePlugin);
 _defineProperty$3(FlvPlugin, "Flv", Flv);
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+  } catch (t2) {
+  }
+  return (_isNativeReflectConstruct = function() {
+    return !!t;
+  })();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t)
+    return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i)
+      return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -10968,21 +11168,6 @@ function _setPrototypeOf(o, p) {
   };
   return _setPrototypeOf(o, p);
 }
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct)
-    return false;
-  if (Reflect.construct.sham)
-    return false;
-  if (typeof Proxy === "function")
-    return true;
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    }));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -10997,41 +11182,11 @@ function _possibleConstructorReturn(self, call) {
   }
   return _assertThisInitialized(self);
 }
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived), result;
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-    return _possibleConstructorReturn(this, result);
-  };
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object")
-      return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
 var Adaptive = /* @__PURE__ */ function(_BasePlugin) {
   _inherits(Adaptive2, _BasePlugin);
-  var _super = _createSuper(Adaptive2);
   function Adaptive2() {
     _classCallCheck(this, Adaptive2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Adaptive2, arguments);
   }
   _createClass(Adaptive2, [{
     key: "afterCreate",