@byteplus/veplayer-plugin 2.4.0 → 2.4.1-rc.1

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

@@ -1538,7 +1538,7 @@ util.getCurrentTimeByOffset = function(offsetTime, segments) {
   }
   return offsetTime;
 };
-var version = "3.0.19-rc.0";
+var version = "3.0.20-rc.3";
 var ERROR_MAP = {
   1: 5101,
   2: 5102,
@@ -2759,6 +2759,21 @@ var Buffer$1 = /* @__PURE__ */ function() {
         length: Buffer2.totalLength && Buffer2.totalLength(buffers)
       };
     }
+  }, {
+    key: "isBuffered",
+    value: function isBuffered(media, pos) {
+      if (media) {
+        var buffered = Buffer2.get(media);
+        if (buffered !== null && buffered !== void 0 && buffered.length) {
+          for (var i = 0; i < buffered.length; i++) {
+            if (pos >= buffered.start(i) && pos <= buffered.end(i)) {
+              return true;
+            }
+          }
+        }
+      }
+      return false;
+    }
   }]);
   return Buffer2;
 }();
@@ -5523,6 +5538,7 @@ var TrackType = {
   METADATA: "metadata"
 };
 var VideoCodecType = {
+  AV1: "av1",
   AVC: "avc",
   HEVC: "hevc"
 };
@@ -5569,6 +5585,7 @@ var VideoTrack = /* @__PURE__ */ function() {
     _defineProperty(this, "isVideoEncryption", false);
     _defineProperty(this, "isAudioEncryption", false);
     _defineProperty(this, "isVideo", true);
+    _defineProperty(this, "lastKeyFrameDts", 0);
     _defineProperty(this, "kid", null);
     _defineProperty(this, "pssh", null);
     _defineProperty(this, "ext", void 0);
@@ -5611,6 +5628,9 @@ var VideoTrack = /* @__PURE__ */ function() {
   }, {
     key: "exist",
     value: function exist() {
+      if (/av01/.test(this.codec)) {
+        return true;
+      }
       return !!(this.pps.length && this.sps.length && this.codec);
     }
   }, {
@@ -5888,7 +5908,7 @@ var AAC = /* @__PURE__ */ function() {
           continue;
         }
         frameLength = (data[i + 3] & 3) << 11 | data[i + 4] << 3 | (data[i + 5] & 224) >> 5;
-        if (len - i < frameLength)
+        if (!frameLength || len - i < frameLength)
           break;
         protectionSkipBytes = (~data[i + 1] & 1) * 2;
         frames.push({
@@ -7306,6 +7326,7 @@ var FlvDemuxer = /* @__PURE__ */ function() {
     value: function demux(data) {
       var discontinuity = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
       var contiguous = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : true;
+      var seamlessLoadingSwitching = arguments.length > 3 ? arguments[3] : void 0;
       var audioTrack = this.audioTrack, videoTrack = this.videoTrack, metadataTrack = this.metadataTrack;
       if (discontinuity || !contiguous) {
         this._remainingData = null;
@@ -7363,6 +7384,8 @@ var FlvDemuxer = /* @__PURE__ */ function() {
         if (tagType === 8) {
           this._parseAudio(bodyData, timestamp);
         } else if (tagType === 9) {
+          if (seamlessLoadingSwitching)
+            this.seamlessLoadingSwitching = true;
           this._parseVideo(bodyData, timestamp);
         } else if (tagType === 18) {
           this._parseScript(bodyData, timestamp);
@@ -7405,8 +7428,8 @@ var FlvDemuxer = /* @__PURE__ */ function() {
     }
   }, {
     key: "demuxAndFix",
-    value: function demuxAndFix(data, discontinuity, contiguous, startTime) {
-      this.demux(data, discontinuity, contiguous);
+    value: function demuxAndFix(data, discontinuity, contiguous, startTime, seamlessLoadingSwitching) {
+      this.demux(data, discontinuity, contiguous, seamlessLoadingSwitching);
       return this.fix(startTime, discontinuity, contiguous);
     }
   }, {
@@ -7520,8 +7543,13 @@ var FlvDemuxer = /* @__PURE__ */ function() {
         units = this._checkAddMetaNalToUnits(isHevc, units, track);
         if (units && units.length) {
           var sample = new VideoSample(dts + cts, dts, units);
+          if (this.seamlessLoadingSwitching && dts < track.lastKeyFrameDts) {
+            return;
+          }
+          this.seamlessLoadingSwitching = false;
           if (frameType === 1) {
             sample.setToKeyframe();
+            track.lastKeyFrameDts = dts;
           }
           track.samples.push(sample);
           units.forEach(function(unit) {
@@ -7999,6 +8027,8 @@ var MP4 = /* @__PURE__ */ function() {
         }
       } else if (track.useEME && track.encv) {
         content = MP42.encv(track);
+      } else if (track.av1C) {
+        content = MP42.av01(track);
       } else {
         content = MP42.avc1hev1(track);
       }
@@ -8211,6 +8241,90 @@ var MP4 = /* @__PURE__ */ function() {
       var schi = MP42.schi(data);
       return MP42.box(MP42.types.sinf, content, MP42.box(MP42.types.frma, frma), MP42.box(MP42.types.schm, schm), schi);
     }
+  }, {
+    key: "av01",
+    value: function av01(track) {
+      return MP42.box(MP42.types.av01, new Uint8Array([
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        track.width >> 8 & 255,
+        track.width & 255,
+        track.height >> 8 & 255,
+        track.height & 255,
+        0,
+        72,
+        0,
+        0,
+        0,
+        72,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        24,
+        17,
+        17
+      ]), track.av1C, track.colr);
+    }
   }, {
     key: "avc1hev1",
     value: function avc1hev1(track) {
@@ -9183,7 +9297,7 @@ var MP4 = /* @__PURE__ */ function() {
   }]);
   return MP42;
 }();
-_defineProperty(MP4, "types", ["avc1", "avcC", "hvc1", "hvcC", "dinf", "dref", "esds", "ftyp", "hdlr", "mdat", "mdhd", "mdia", "mfhd", "minf", "moof", "moov", "mp4a", "mvex", "mvhd", "pasp", "stbl", "stco", "stsc", "stsd", "stsz", "stts", "tfdt", "tfhd", "traf", "trak", "trex", "tkhd", "vmhd", "smhd", "ctts", "stss", "styp", "pssh", "sidx", "sbgp", "saiz", "saio", "senc", "trun", "encv", "enca", "sinf", "btrt", "frma", "tenc", "schm", "schi", "mehd", "fiel", "sdtp"].reduce(function(p, c) {
+_defineProperty(MP4, "types", ["av01", "av1C", "avc1", "avcC", "hvc1", "hvcC", "dinf", "dref", "esds", "ftyp", "hdlr", "mdat", "mdhd", "mdia", "mfhd", "minf", "moof", "moov", "mp4a", "mvex", "mvhd", "pasp", "stbl", "stco", "stsc", "stsd", "stsz", "stts", "tfdt", "tfhd", "traf", "trak", "trex", "tkhd", "vmhd", "smhd", "ctts", "stss", "styp", "pssh", "sidx", "sbgp", "saiz", "saio", "senc", "trun", "encv", "enca", "sinf", "btrt", "frma", "tenc", "schm", "schi", "mehd", "fiel", "sdtp"].reduce(function(p, c) {
   p[c] = [c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2), c.charCodeAt(3)];
   return p;
 }, /* @__PURE__ */ Object.create(null)));
@@ -9518,30 +9632,46 @@ var FMP4Remuxer = /* @__PURE__ */ function() {
         };
       }
       var samples = track.samples;
+      var isAV01 = /av01/.test(track.codec);
       var mdatSize = 0;
-      samples.forEach(function(s) {
-        mdatSize += s.units.reduce(function(t, c) {
-          return t + c.byteLength;
-        }, 0);
-        mdatSize += s.units.length * 4;
-      });
-      var mdata = new Uint8Array(mdatSize);
-      var mdatView = new DataView(mdata.buffer);
-      var _loop = function _loop2(_offset, _sample) {
-        _sample = samples[i];
-        var sampleSize = 0;
-        _sample.units.forEach(function(u) {
-          mdatView.setUint32(_offset, u.byteLength);
-          _offset += 4;
-          mdata.set(u, _offset);
-          _offset += u.byteLength;
-          sampleSize += 4 + u.byteLength;
+      if (isAV01) {
+        samples.forEach(function(s) {
+          mdatSize += s.data.byteLength;
+        });
+      } else {
+        samples.forEach(function(s) {
+          mdatSize += s.units.reduce(function(t, c) {
+            return t + c.byteLength;
+          }, 0);
+          mdatSize += s.units.length * 4;
         });
-        _sample.size = sampleSize;
-        offset = _offset, sample = _sample;
-      };
-      for (var i = 0, l = samples.length, offset = 0, sample; i < l; i++) {
-        _loop(offset, sample);
+      }
+      var mdata = new Uint8Array(mdatSize);
+      if (isAV01) {
+        for (var i = 0, l = samples.length, offset = 0, sample; i < l; i++) {
+          sample = samples[i];
+          mdata.set(sample.data, offset);
+          sample.size = sample.data.byteLength;
+          offset += sample.size;
+        }
+      } else {
+        var mdatView = new DataView(mdata.buffer);
+        var _loop = function _loop2(_offset2, _sample2) {
+          _sample2 = samples[_i];
+          var sampleSize = 0;
+          _sample2.units.forEach(function(u) {
+            mdatView.setUint32(_offset2, u.byteLength);
+            _offset2 += 4;
+            mdata.set(u, _offset2);
+            _offset2 += u.byteLength;
+            sampleSize += 4 + u.byteLength;
+          });
+          _sample2.size = sampleSize;
+          _offset = _offset2, _sample = _sample2;
+        };
+        for (var _i = 0, _l = samples.length, _offset = 0, _sample; _i < _l; _i++) {
+          _loop(_offset, _sample);
+        }
       }
       var mdat = MP4.mdat(mdata);
       var moof = MP4.moof([track]);
@@ -9571,6 +9701,55 @@ var FMP4Remuxer = /* @__PURE__ */ function() {
   }]);
   return FMP4Remuxer2;
 }();
+var TransferCost = /* @__PURE__ */ function() {
+  function TransferCost2() {
+    _classCallCheck$4(this, TransferCost2);
+    _defineProperty$3(this, "_ttfb", 0);
+    _defineProperty$3(this, "_demuxStart", 0);
+    _defineProperty$3(this, "_demuxEnd", 0);
+    _defineProperty$3(this, "_demuxCost", 0);
+    _defineProperty$3(this, "_remuxStart", 0);
+    _defineProperty$3(this, "_remuxEnd", 0);
+    _defineProperty$3(this, "_remuxCost", 0);
+    _defineProperty$3(this, "_appendStart", 0);
+    _defineProperty$3(this, "_appendEnd", 0);
+    _defineProperty$3(this, "_appendCost", 0);
+  }
+  _createClass$4(TransferCost2, [{
+    key: "set",
+    value: function set(event, value) {
+      this["_".concat(event)] = value;
+    }
+  }, {
+    key: "start",
+    value: function start(event) {
+      this["_".concat(event, "Start")] = Date.now();
+    }
+  }, {
+    key: "end",
+    value: function end(event) {
+      this["_".concat(event, "End")] = Date.now();
+      this["_".concat(event, "Cost")] = this["_".concat(event, "Cost")] + (this["_".concat(event, "End")] - this["_".concat(event, "Start")]);
+    }
+  }, {
+    key: "transferCost",
+    get: function get() {
+      return {
+        ttfbCost: this._ttfb,
+        demuxCost: this._demuxCost,
+        remuxCost: this._remuxCost,
+        appendCost: this._appendCost
+      };
+    }
+  }]);
+  return TransferCost2;
+}();
+var TRANSFER_EVENT = {
+  TTFB: "ttfb",
+  DEMUX: "demux",
+  REMUX: "remux",
+  APPEND: "append"
+};
 var logger$1 = new Logger$2("BufferService");
 var BufferService = /* @__PURE__ */ function() {
   function BufferService2(flv, softVideo) {
@@ -9658,7 +9837,8 @@ var BufferService = /* @__PURE__ */ function() {
                 this._contiguous = false;
                 this._sourceCreated = false;
                 this._initSegmentId = "";
-              case 11:
+                this.resetSeamlessSwitchStats();
+              case 12:
               case "end":
                 return _context.stop();
             }
@@ -9669,6 +9849,15 @@ var BufferService = /* @__PURE__ */ function() {
       }
       return reset;
     }()
+  }, {
+    key: "resetSeamlessSwitchStats",
+    value: function resetSeamlessSwitchStats() {
+      this.seamlessLoadingSwitch = null;
+      this.seamlessLoadingSwitching = false;
+      if (this._demuxer) {
+        this._demuxer.seamlessLoadingSwitching = false;
+      }
+    }
   }, {
     key: "endOfStream",
     value: function() {
@@ -9774,32 +9963,56 @@ var BufferService = /* @__PURE__ */ function() {
     key: "appendBuffer",
     value: function() {
       var _appendBuffer = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee5(chunk) {
-        var demuxer, videoTrack, audioTrack, metadataTrack, videoExist, audioExist, duration, track, videoType, audioType, mse, newId, remuxResult, p;
+        var _this = this;
+        var switchingNoReset, demuxer, videoTrack, audioTrack, metadataTrack, idx, videoExist, audioExist, duration, track, videoType, audioType, mse, newId, remuxResult, p;
         return _regeneratorRuntime$1().wrap(function _callee5$(_context5) {
           while (1)
             switch (_context5.prev = _context5.next) {
               case 0:
+                switchingNoReset = false;
                 if (this._cachedBuffer) {
                   chunk = concatUint8Array$1(this._cachedBuffer, chunk);
                   this._cachedBuffer = null;
                 }
                 demuxer = this._demuxer;
                 if (!(!chunk || !chunk.length || !demuxer)) {
-                  _context5.next = 4;
+                  _context5.next = 5;
                   break;
                 }
                 return _context5.abrupt("return");
-              case 4:
-                _context5.prev = 4;
-                demuxer.demuxAndFix(chunk, this._discontinuity, this._contiguous, this._demuxStartTime);
-                _context5.next = 11;
+              case 5:
+                _context5.prev = 5;
+                this.flv._transferCost.start(TRANSFER_EVENT.DEMUX);
+                demuxer.demuxAndFix(chunk, this.seamlessLoadingSwitching || this._discontinuity, this._contiguous, this._demuxStartTime, this.seamlessLoadingSwitching);
+                this.seamlessLoadingSwitching = false;
+                this.flv._transferCost.end(TRANSFER_EVENT.DEMUX);
+                _context5.next = 15;
                 break;
-              case 8:
-                _context5.prev = 8;
-                _context5.t0 = _context5["catch"](4);
+              case 12:
+                _context5.prev = 12;
+                _context5.t0 = _context5["catch"](5);
                 throw new StreamingError(ERR.DEMUX, ERR.SUB_TYPES.FLV, _context5.t0);
-              case 11:
+              case 15:
                 videoTrack = demuxer.videoTrack, audioTrack = demuxer.audioTrack, metadataTrack = demuxer.metadataTrack;
+                if (!this.seamlessLoadingSwitch) {
+                  _context5.next = 25;
+                  break;
+                }
+                idx = videoTrack.samples.findIndex(function(sample) {
+                  return sample.originDts === videoTrack.lastKeyFrameDts;
+                });
+                if (!(idx >= 0)) {
+                  _context5.next = 25;
+                  break;
+                }
+                videoTrack.samples.splice(idx);
+                _context5.next = 22;
+                return this.seamlessLoadingSwitch();
+              case 22:
+                this.seamlessLoadingSwitch = null;
+                chunk = null;
+                switchingNoReset = true;
+              case 25:
                 videoExist = videoTrack.exist();
                 audioExist = audioTrack.exist();
                 if (this._opts.onlyAudio) {
@@ -9811,7 +10024,7 @@ var BufferService = /* @__PURE__ */ function() {
                   audioTrack.present = false;
                 }
                 if (!(!videoExist && videoTrack.present || !audioExist && audioTrack.present)) {
-                  _context5.next = 29;
+                  _context5.next = 42;
                   break;
                 }
                 duration = 0;
@@ -9820,7 +10033,7 @@ var BufferService = /* @__PURE__ */ function() {
                   duration = (track.samples[track.samples.length - 1].originPts - track.samples[0].originPts) / track.timescale * 1e3;
                 }
                 if (!(duration > this._opts.analyzeDuration)) {
-                  _context5.next = 27;
+                  _context5.next = 40;
                   break;
                 }
                 logger$1.warn("analyze duration exceeded, ".concat(duration, "ms"), track);
@@ -9829,18 +10042,20 @@ var BufferService = /* @__PURE__ */ function() {
                 this.flv.emit(EVENT.ANALYZE_DURATION_EXCEEDED, {
                   duration
                 });
-                _context5.next = 29;
+                _context5.next = 42;
                 break;
-              case 27:
+              case 40:
                 this._cachedBuffer = chunk;
                 return _context5.abrupt("return");
-              case 29:
+              case 42:
                 videoType = videoTrack.type;
                 audioType = audioTrack.type;
                 this._fireEvents(videoTrack, audioTrack, metadataTrack);
-                this._discontinuity = false;
-                this._contiguous = true;
-                this._demuxStartTime = 0;
+                if (!switchingNoReset) {
+                  this._discontinuity = false;
+                  this._contiguous = true;
+                  this._demuxStartTime = 0;
+                }
                 mse = this._mse;
                 this.flv.emit(EVENT.DEMUXED_TRACK, {
                   videoTrack
@@ -9852,16 +10067,16 @@ var BufferService = /* @__PURE__ */ function() {
                   this._emitMetaParsedEvent(videoTrack, audioTrack);
                 }
                 if (!mse) {
-                  _context5.next = 66;
+                  _context5.next = 80;
                   break;
                 }
                 if (this._sourceCreated) {
-                  _context5.next = 47;
+                  _context5.next = 58;
                   break;
                 }
-                _context5.next = 43;
+                _context5.next = 54;
                 return mse.open();
-              case 43:
+              case 54:
                 if (videoExist) {
                   logger$1.log("codec: video/mp4;codecs=".concat(videoTrack.codec));
                   mse.createSource(videoType, "video/mp4;codecs=".concat(videoTrack.codec));
@@ -9872,26 +10087,28 @@ var BufferService = /* @__PURE__ */ function() {
                 }
                 this._sourceCreated = true;
                 this.flv.emit(EVENT.SOURCEBUFFER_CREATED);
-              case 47:
-                _context5.prev = 47;
+              case 58:
+                _context5.prev = 58;
                 if (this._needInitSegment && !this._opts.mseLowLatency) {
                   videoTrack.duration = this._opts.durationForMSELowLatencyOff * videoTrack.timescale;
                   audioTrack.duration = this._opts.durationForMSELowLatencyOff * audioExist.timescale;
                 }
+                this.flv._transferCost.start(TRANSFER_EVENT.REMUX);
                 remuxResult = this._remuxer.remux(this._needInitSegment);
-                _context5.next = 55;
+                this.flv._transferCost.end(TRANSFER_EVENT.REMUX);
+                _context5.next = 68;
                 break;
-              case 52:
-                _context5.prev = 52;
-                _context5.t1 = _context5["catch"](47);
+              case 65:
+                _context5.prev = 65;
+                _context5.t1 = _context5["catch"](58);
                 throw new StreamingError(ERR.REMUX, ERR.SUB_TYPES.FMP4, _context5.t1);
-              case 55:
+              case 68:
                 if (!(this._needInitSegment && !remuxResult.videoInitSegment && !remuxResult.audioInitSegment)) {
-                  _context5.next = 57;
+                  _context5.next = 70;
                   break;
                 }
                 return _context5.abrupt("return");
-              case 57:
+              case 70:
                 this._needInitSegment = false;
                 p = [];
                 if (remuxResult.videoInitSegment)
@@ -9902,16 +10119,19 @@ var BufferService = /* @__PURE__ */ function() {
                   p.push(mse.append(videoType, remuxResult.videoSegment));
                 if (remuxResult.audioSegment)
                   p.push(mse.append(audioType, remuxResult.audioSegment));
-                return _context5.abrupt("return", Promise.all(p));
-              case 66:
+                this.flv._transferCost.start(TRANSFER_EVENT.APPEND);
+                return _context5.abrupt("return", Promise.all(p).then(function() {
+                  _this.flv._transferCost.end(TRANSFER_EVENT.APPEND);
+                }));
+              case 80:
                 if (this._softVideo) {
                   this._softVideo.appendBuffer(videoTrack, audioTrack);
                 }
-              case 67:
+              case 81:
               case "end":
                 return _context5.stop();
             }
-        }, _callee5, this, [[4, 8], [47, 52]]);
+        }, _callee5, this, [[5, 12], [58, 65]]);
       }));
       function appendBuffer(_x2) {
         return _appendBuffer.apply(this, arguments);
@@ -9922,7 +10142,7 @@ var BufferService = /* @__PURE__ */ function() {
     key: "evictBuffer",
     value: function() {
       var _evictBuffer = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee6(bufferBehind) {
-        var _this = this;
+        var _this2 = this;
         var media, currentTime, removeEnd, start;
         return _regeneratorRuntime$1().wrap(function _callee6$(_context6) {
           while (1)
@@ -9951,7 +10171,7 @@ var BufferService = /* @__PURE__ */ function() {
                 return _context6.abrupt("return");
               case 10:
                 return _context6.abrupt("return", this._mse.clearBuffer(0, removeEnd).then(function() {
-                  return _this.flv.emit(EVENT.REMOVE_BUFFER, {
+                  return _this2.flv.emit(EVENT.REMOVE_BUFFER, {
                     removeEnd
                   });
                 }));
@@ -10001,16 +10221,16 @@ var BufferService = /* @__PURE__ */ function() {
   }, {
     key: "_fireEvents",
     value: function _fireEvents(videoTrack, audioTrack, metadataTrack) {
-      var _this2 = this;
+      var _this3 = this;
       logger$1.debug(videoTrack.samples, audioTrack.samples);
       metadataTrack.flvScriptSamples.forEach(function(sample) {
-        _this2.flv.emit(EVENT.FLV_SCRIPT_DATA, sample);
+        _this3.flv.emit(EVENT.FLV_SCRIPT_DATA, sample);
         logger$1.debug("flvScriptData", sample);
       });
       videoTrack.samples.forEach(function(sample) {
         if (sample.keyframe) {
-          _this2.flv.emit(EVENT.KEYFRAME, {
-            pts: sample.pts
+          _this3.flv.emit(EVENT.KEYFRAME, {
+            pts: sample.originPts
           });
         }
       });
@@ -10028,7 +10248,7 @@ var BufferService = /* @__PURE__ */ function() {
             break;
         }
         if (type)
-          _this2.flv.emit(EVENT.STREAM_EXCEPTION, _objectSpread2$2(_objectSpread2$2({}, warn), {}, {
+          _this3.flv.emit(EVENT.STREAM_EXCEPTION, _objectSpread2$2(_objectSpread2$2({}, warn), {}, {
             type
           }));
         logger$1.warn("video exception", warn);
@@ -10047,13 +10267,13 @@ var BufferService = /* @__PURE__ */ function() {
             break;
         }
         if (type)
-          _this2.flv.emit(EVENT.STREAM_EXCEPTION, _objectSpread2$2(_objectSpread2$2({}, warn), {}, {
+          _this3.flv.emit(EVENT.STREAM_EXCEPTION, _objectSpread2$2(_objectSpread2$2({}, warn), {}, {
             type
           }));
         logger$1.warn("audio exception", warn);
       });
       metadataTrack.seiSamples.forEach(function(sei) {
-        _this2.flv.emit(EVENT.SEI, _objectSpread2$2(_objectSpread2$2({}, sei), {}, {
+        _this3.flv.emit(EVENT.SEI, _objectSpread2$2(_objectSpread2$2({}, sei), {}, {
           sei: {
             code: sei.data.type,
             content: sei.data.payload,
@@ -10088,7 +10308,8 @@ function getOption(opts) {
     durationForMSELowLatencyOff: 6,
     chunkCountForSpeed: 50,
     skipChunkSize: 1e3,
-    longtimeNoReceived: 3e3
+    longtimeNoReceived: 3e3,
+    enableStartGapJump: true
   }, opts);
   if (ret.isLive) {
     if (ret.preloadTime) {
@@ -10156,7 +10377,7 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
     _defineProperty$3(_assertThisInitialized$3(_this), "_acceptRanges", true);
     _defineProperty$3(_assertThisInitialized$3(_this), "_onProgress", /* @__PURE__ */ function() {
       var _ref2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee(chunk, done, _ref, response) {
-        var startTime, endTime, st, firstByteTime, _this$_mediaLoader, headers, _this$_bufferService, remaining, maxReaderInterval;
+        var startTime, endTime, st, firstByteTime, _this$_mediaLoader, headers, elapsed, _this$_bufferService, remaining, maxReaderInterval;
         return _regeneratorRuntime$1().wrap(function _callee$(_context) {
           while (1)
             switch (_context.prev = _context.next) {
@@ -10164,7 +10385,7 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                 startTime = _ref.startTime, endTime = _ref.endTime, st = _ref.st, firstByteTime = _ref.firstByteTime;
                 _this._loading = !done;
                 if (_this._firstProgressEmit) {
-                  _context.next = 11;
+                  _context.next = 13;
                   break;
                 }
                 if (_this.media) {
@@ -10175,49 +10396,51 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                 return _context.abrupt("return");
               case 6:
                 headers = response.headers;
+                elapsed = st ? firstByteTime - st : endTime - startTime;
                 _this.emit(EVENT.TTFB, {
                   url: _this._opts.url,
                   responseUrl: response.url,
-                  elapsed: st ? firstByteTime - st : endTime - startTime
+                  elapsed
                 });
                 _this.emit(EVENT.LOAD_RESPONSE_HEADERS, {
                   headers
                 });
+                _this._transferCost.set(TRANSFER_EVENT.TTFB, elapsed);
                 _this._acceptRanges = !!(headers !== null && headers !== void 0 && headers.get("Accept-Ranges")) || !!(headers !== null && headers !== void 0 && headers.get("Content-Range"));
                 _this._firstProgressEmit = true;
-              case 11:
+              case 13:
                 if (_this._bufferService) {
-                  _context.next = 13;
+                  _context.next = 15;
                   break;
                 }
                 return _context.abrupt("return");
-              case 13:
+              case 15:
                 clearTimeout(_this._maxChunkWaitTimer);
                 _this._bandwidthService.addChunkRecord(chunk === null || chunk === void 0 ? void 0 : chunk.byteLength, endTime - startTime);
-                _context.prev = 15;
-                _context.next = 18;
+                _context.prev = 17;
+                _context.next = 20;
                 return _this._bufferService.appendBuffer(chunk);
-              case 18:
+              case 20:
                 (_this$_bufferService = _this._bufferService) === null || _this$_bufferService === void 0 ? void 0 : _this$_bufferService.evictBuffer(_this._opts.bufferBehind);
-                _context.next = 31;
+                _context.next = 33;
                 break;
-              case 21:
-                _context.prev = 21;
-                _context.t0 = _context["catch"](15);
+              case 23:
+                _context.prev = 23;
+                _context.t0 = _context["catch"](17);
                 if (!(!_this.isLive && _this._bufferService.isFull())) {
-                  _context.next = 30;
+                  _context.next = 32;
                   break;
                 }
-                _context.next = 26;
+                _context.next = 28;
                 return _this._mediaLoader.cancel();
-              case 26:
+              case 28:
                 _this._loading = false;
                 remaining = _this.bufferInfo().remaining;
                 _this._opts.preloadTime = parseInt(remaining) / 2;
                 return _context.abrupt("return");
-              case 30:
+              case 32:
                 return _context.abrupt("return", _this._emitError(StreamingError.create(_context.t0)));
-              case 31:
+              case 33:
                 if (_this._urlSwitching) {
                   _this._urlSwitching = false;
                   _this.emit(EVENT.SWITCH_URL_SUCCESS, {
@@ -10229,7 +10452,7 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                   _this._tick();
                 }
                 if (!(done && !_this.media.seeking)) {
-                  _context.next = 38;
+                  _context.next = 40;
                   break;
                 }
                 _this.emit(EVENT.LOAD_COMPLETE);
@@ -10238,13 +10461,13 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                   _this._end();
                 }
                 return _context.abrupt("return");
-              case 38:
+              case 40:
                 if (_this.isLive) {
-                  _context.next = 40;
+                  _context.next = 42;
                   break;
                 }
                 return _context.abrupt("return");
-              case 40:
+              case 42:
                 maxReaderInterval = _this._opts.maxReaderInterval;
                 if (maxReaderInterval && _this._firstProgressEmit) {
                   clearTimeout(_this._maxChunkWaitTimer);
@@ -10258,11 +10481,11 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                     _this._end();
                   }, maxReaderInterval);
                 }
-              case 42:
+              case 44:
               case "end":
                 return _context.stop();
             }
-        }, _callee, null, [[15, 21]]);
+        }, _callee, null, [[17, 23]]);
       }));
       return function(_x, _x2, _x3, _x4) {
         return _ref2.apply(this, arguments);
@@ -10295,19 +10518,19 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
       if (bufferEnd < MAX_HOLE || !media.readyState)
         return;
       var opts = _this._opts;
-      if (isMediaPlaying(media)) {
+      if (isMediaPlaying(media) && media.currentTime) {
         if (_this._gapService) {
           _this._gapService.do(media, opts.maxJumpDistance, _this.isLive, 3);
         }
       } else {
-        if (!media.currentTime && _this._gapService) {
+        if (!media.currentTime && _this._gapService && opts.enableStartGapJump) {
           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 && media.readyState === 4 && bufferEnd > opts.disconnectTime) {
+        if (opts.isLive && media.readyState === 4 && bufferEnd - media.currentTime > opts.disconnectTime) {
           _this.disconnect();
         }
       }
@@ -10456,6 +10679,7 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
       responseType: "arraybuffer"
     }));
     _this._disconnectRetryCount = _this._opts.disconnectRetryCount;
+    _this._transferCost = new TransferCost();
     _this._bufferService = new BufferService(_assertThisInitialized$3(_this), _this._opts.softDecode ? _this.media : void 0, _this._opts);
     _this._seiService = new SeiService(_assertThisInitialized$3(_this));
     _this._bandwidthService = new BandwidthService({
@@ -10479,7 +10703,7 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
   _createClass$4(Flv2, [{
     key: "version",
     get: function get() {
-      return "3.0.19-rc.0";
+      return "3.0.20-rc.3";
     }
   }, {
     key: "isLive",
@@ -10595,9 +10819,9 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                 return this._clear();
               case 8:
                 setTimeout(function() {
+                  _this2._seamlessSwitching = true;
                   _this2._loadData(_this2._opts.url);
                   _this2._bufferService.seamlessSwitch();
-                  _this2._seamlessSwitching = true;
                 });
                 _context5.next = 13;
                 break;
@@ -10621,50 +10845,82 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "disconnect",
     value: function disconnect() {
+      var _this$_bufferService4;
       logger.debug("disconnect!");
+      (_this$_bufferService4 = this._bufferService) === null || _this$_bufferService4 === void 0 ? void 0 : _this$_bufferService4.resetSeamlessSwitchStats();
       return this._clear();
     }
   }, {
     key: "switchURL",
     value: function() {
-      var _switchURL = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee6(url, seamless) {
+      var _switchURL = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee7(url, seamless) {
         var _this3 = this;
-        return _regeneratorRuntime$1().wrap(function _callee6$(_context6) {
+        return _regeneratorRuntime$1().wrap(function _callee7$(_context7) {
           while (1)
-            switch (_context6.prev = _context6.next) {
+            switch (_context7.prev = _context7.next) {
               case 0:
                 if (this._bufferService) {
-                  _context6.next = 2;
+                  _context7.next = 2;
                   break;
                 }
-                return _context6.abrupt("return");
+                return _context7.abrupt("return");
               case 2:
                 this._resetDisconnectCount();
+                if (!(this._loading && seamless)) {
+                  _context7.next = 6;
+                  break;
+                }
+                this._bufferService.seamlessLoadingSwitch = /* @__PURE__ */ function() {
+                  var _ref5 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee6(pts) {
+                    return _regeneratorRuntime$1().wrap(function _callee6$(_context6) {
+                      while (1)
+                        switch (_context6.prev = _context6.next) {
+                          case 0:
+                            _context6.next = 2;
+                            return _this3._clear();
+                          case 2:
+                            _this3._bufferService.seamlessLoadingSwitching = true;
+                            _this3._urlSwitching = true;
+                            _this3._seamlessSwitching = true;
+                            _this3._bufferService.seamlessSwitch();
+                            _this3._loadData(url);
+                          case 7:
+                          case "end":
+                            return _context6.stop();
+                        }
+                    }, _callee6);
+                  }));
+                  return function(_x8) {
+                    return _ref5.apply(this, arguments);
+                  };
+                }();
+                return _context7.abrupt("return");
+              case 6:
                 if (!(!seamless || !this._opts.isLive)) {
-                  _context6.next = 8;
+                  _context7.next = 11;
                   break;
                 }
-                _context6.next = 6;
+                _context7.next = 9;
                 return this.load(url);
-              case 6:
+              case 9:
                 this._urlSwitching = true;
-                return _context6.abrupt("return", this.media.play(true).catch(function() {
+                return _context7.abrupt("return", this.media.play(true).catch(function() {
                 }));
-              case 8:
-                _context6.next = 10;
+              case 11:
+                _context7.next = 13;
                 return this._clear();
-              case 10:
+              case 13:
                 setTimeout(function() {
                   _this3._urlSwitching = true;
                   _this3._seamlessSwitching = true;
                   _this3._loadData(url);
                   _this3._bufferService.seamlessSwitch();
                 });
-              case 11:
+              case 14:
               case "end":
-                return _context6.stop();
+                return _context7.stop();
             }
-        }, _callee6, this);
+        }, _callee7, this);
       }));
       function switchURL(_x6, _x7) {
         return _switchURL.apply(this, arguments);
@@ -10674,16 +10930,16 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "destroy",
     value: function() {
-      var _destroy = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee7() {
-        return _regeneratorRuntime$1().wrap(function _callee7$(_context7) {
+      var _destroy = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee8() {
+        return _regeneratorRuntime$1().wrap(function _callee8$(_context8) {
           while (1)
-            switch (_context7.prev = _context7.next) {
+            switch (_context8.prev = _context8.next) {
               case 0:
                 if (this.media) {
-                  _context7.next = 2;
+                  _context8.next = 2;
                   break;
                 }
-                return _context7.abrupt("return");
+                return _context8.abrupt("return");
               case 2:
                 this.removeAllListeners();
                 this._seiService.reset();
@@ -10693,16 +10949,16 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                 this.media.removeEventListener("timeupdate", this._onTimeupdate);
                 this.media.removeEventListener("waiting", this._onWaiting);
                 this.media.removeEventListener("progress", this._onBufferUpdate);
-                _context7.next = 12;
+                _context8.next = 12;
                 return Promise.all([this._clear(), this._bufferService.destroy()]);
               case 12:
                 this.media = null;
                 this._bufferService = null;
               case 14:
               case "end":
-                return _context7.stop();
+                return _context8.stop();
             }
-        }, _callee7, this);
+        }, _callee8, this);
       }));
       function destroy() {
         return _destroy.apply(this, arguments);
@@ -10731,26 +10987,26 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "_reset",
     value: function() {
-      var _reset2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee8() {
-        var reuseMse, _args8 = arguments;
-        return _regeneratorRuntime$1().wrap(function _callee8$(_context8) {
+      var _reset2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee9() {
+        var reuseMse, _args9 = arguments;
+        return _regeneratorRuntime$1().wrap(function _callee9$(_context9) {
           while (1)
-            switch (_context8.prev = _context8.next) {
+            switch (_context9.prev = _context9.next) {
               case 0:
-                reuseMse = _args8.length > 0 && _args8[0] !== void 0 ? _args8[0] : false;
+                reuseMse = _args9.length > 0 && _args9[0] !== void 0 ? _args9[0] : false;
                 this._seiService.reset();
                 this._bandwidthService.reset();
                 this._stats.reset();
-                _context8.next = 6;
+                _context9.next = 6;
                 return this._clear();
               case 6:
-                _context8.next = 8;
+                _context9.next = 8;
                 return this._bufferService.reset(reuseMse);
               case 8:
               case "end":
-                return _context8.stop();
+                return _context9.stop();
             }
-        }, _callee8, this);
+        }, _callee9, this);
       }));
       function _reset() {
         return _reset2.apply(this, arguments);
@@ -10760,17 +11016,17 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "_loadData",
     value: function() {
-      var _loadData2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee9(url, range) {
+      var _loadData2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee10(url, range) {
         var finnalUrl;
-        return _regeneratorRuntime$1().wrap(function _callee9$(_context9) {
+        return _regeneratorRuntime$1().wrap(function _callee10$(_context10) {
           while (1)
-            switch (_context9.prev = _context9.next) {
+            switch (_context10.prev = _context10.next) {
               case 0:
                 if (url)
                   this._opts.url = url;
                 finnalUrl = url = this._opts.url;
                 if (url) {
-                  _context9.next = 4;
+                  _context10.next = 4;
                   break;
                 }
                 throw new Error("Source url is missing");
@@ -10785,34 +11041,34 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                 });
                 logger.debug("load data, loading:", this._loading, finnalUrl);
                 if (!this._loading) {
-                  _context9.next = 11;
+                  _context10.next = 11;
                   break;
                 }
-                _context9.next = 11;
+                _context10.next = 11;
                 return this._mediaLoader.cancel();
               case 11:
                 this._loading = true;
-                _context9.prev = 12;
-                _context9.next = 15;
+                _context10.prev = 12;
+                _context10.next = 15;
                 return this._mediaLoader.load({
                   url: finnalUrl,
                   range
                 });
               case 15:
-                _context9.next = 21;
+                _context10.next = 21;
                 break;
               case 17:
-                _context9.prev = 17;
-                _context9.t0 = _context9["catch"](12);
+                _context10.prev = 17;
+                _context10.t0 = _context10["catch"](12);
                 this._loading = false;
-                return _context9.abrupt("return", this._emitError(StreamingError.network(_context9.t0), false));
+                return _context10.abrupt("return", this._emitError(StreamingError.network(_context10.t0), false));
               case 21:
               case "end":
-                return _context9.stop();
+                return _context10.stop();
             }
-        }, _callee9, this, [[12, 17]]);
+        }, _callee10, this, [[12, 17]]);
       }));
-      function _loadData(_x8, _x9) {
+      function _loadData(_x9, _x10) {
         return _loadData2.apply(this, arguments);
       }
       return _loadData;
@@ -10820,16 +11076,16 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
   }, {
     key: "_clear",
     value: function() {
-      var _clear2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee10() {
-        return _regeneratorRuntime$1().wrap(function _callee10$(_context10) {
+      var _clear2 = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee11() {
+        return _regeneratorRuntime$1().wrap(function _callee11$(_context11) {
           while (1)
-            switch (_context10.prev = _context10.next) {
+            switch (_context11.prev = _context11.next) {
               case 0:
                 if (!this._mediaLoader) {
-                  _context10.next = 3;
+                  _context11.next = 3;
                   break;
                 }
-                _context10.next = 3;
+                _context11.next = 3;
                 return this._mediaLoader.cancel();
               case 3:
                 clearTimeout(this._maxChunkWaitTimer);
@@ -10838,9 +11094,9 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
                 this._firstProgressEmit = false;
               case 7:
               case "end":
-                return _context10.stop();
+                return _context11.stop();
             }
-        }, _callee10, this);
+        }, _callee11, this);
       }));
       function _clear() {
         return _clear2.apply(this, arguments);
@@ -11034,6 +11290,11 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
       var _this$flv3;
       return (_this$flv3 = this.flv) === null || _this$flv3 === void 0 ? void 0 : _this$flv3.loader;
     }
+  }, {
+    key: "transferCost",
+    get: function get() {
+      return this.flv._transferCost.transferCost;
+    }
   }, {
     key: "beforePlayerInit",
     value: function beforePlayerInit() {
@@ -11053,8 +11314,8 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
         isLive: config.isLive,
         media: this.player.video,
         preProcessUrl: function preProcessUrl(url, ext) {
-          var _this2$player$preProc, _this2$player;
-          return ((_this2$player$preProc = (_this2$player = _this2.player).preProcessUrl) === null || _this2$player$preProc === void 0 ? void 0 : _this2$player$preProc.call(_this2$player, url, ext)) || {
+          var _this2$player, _this2$player$preProc;
+          return ((_this2$player = _this2.player) === null || _this2$player === void 0 ? void 0 : (_this2$player$preProc = _this2$player.preProcessUrl) === null || _this2$player$preProc === void 0 ? void 0 : _this2$player$preProc.call(_this2$player, url, ext)) || {
             url,
             ext
           };