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

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

@@ -1542,7 +1542,7 @@
     }
     return offsetTime;
   };
-  var version = "3.0.19-rc.0";
+  var version = "3.0.20-rc.3";
   var ERROR_MAP = {
     1: 5101,
     2: 5102,
@@ -5542,6 +5542,7 @@
     METADATA: "metadata"
   };
   var VideoCodecType = {
+    AV1: "av1",
     AVC: "avc",
     HEVC: "hevc"
   };
@@ -5588,6 +5589,7 @@
       _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);
@@ -5630,6 +5632,9 @@
     }, {
       key: "exist",
       value: function exist() {
+        if (/av01/.test(this.codec)) {
+          return true;
+        }
         return !!(this.pps.length && this.sps.length && this.codec);
       }
     }, {
@@ -7325,6 +7330,7 @@
       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;
@@ -7382,6 +7388,8 @@
           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);
@@ -7424,8 +7432,8 @@
       }
     }, {
       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);
       }
     }, {
@@ -7539,8 +7547,13 @@
           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) {
@@ -8018,6 +8031,8 @@
           }
         } else if (track.useEME && track.encv) {
           content = MP42.encv(track);
+        } else if (track.av1C) {
+          content = MP42.av01(track);
         } else {
           content = MP42.avc1hev1(track);
         }
@@ -8230,6 +8245,90 @@
         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) {
@@ -9202,7 +9301,7 @@
     }]);
     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)));
@@ -9537,30 +9636,46 @@
           };
         }
         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;
           });
-          _sample.size = sampleSize;
-          offset = _offset, sample = _sample;
-        };
-        for (var i = 0, l = samples.length, offset = 0, sample; i < l; i++) {
-          _loop(offset, sample);
+        } else {
+          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);
+        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]);
@@ -9590,6 +9705,55 @@
     }]);
     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) {
@@ -9677,7 +9841,8 @@
                   this._contiguous = false;
                   this._sourceCreated = false;
                   this._initSegmentId = "";
-                case 11:
+                  this.resetSeamlessSwitchStats();
+                case 12:
                 case "end":
                   return _context.stop();
               }
@@ -9688,6 +9853,15 @@
         }
         return reset;
       }()
+    }, {
+      key: "resetSeamlessSwitchStats",
+      value: function resetSeamlessSwitchStats() {
+        this.seamlessLoadingSwitch = null;
+        this.seamlessLoadingSwitching = false;
+        if (this._demuxer) {
+          this._demuxer.seamlessLoadingSwitching = false;
+        }
+      }
     }, {
       key: "endOfStream",
       value: function() {
@@ -9793,32 +9967,56 @@
       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) {
@@ -9830,7 +10028,7 @@
                     audioTrack.present = false;
                   }
                   if (!(!videoExist && videoTrack.present || !audioExist && audioTrack.present)) {
-                    _context5.next = 29;
+                    _context5.next = 42;
                     break;
                   }
                   duration = 0;
@@ -9839,7 +10037,7 @@
                     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);
@@ -9848,18 +10046,20 @@
                   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
@@ -9871,16 +10071,16 @@
                     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));
@@ -9891,26 +10091,28 @@
                   }
                   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)
@@ -9921,16 +10123,19 @@
                     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);
@@ -9941,7 +10146,7 @@
       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)
@@ -9970,7 +10175,7 @@
                   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
                     });
                   }));
@@ -10020,16 +10225,16 @@
     }, {
       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
             });
           }
         });
@@ -10047,7 +10252,7 @@
               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);
@@ -10066,13 +10271,13 @@
               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,
@@ -10107,7 +10312,8 @@
       durationForMSELowLatencyOff: 6,
       chunkCountForSpeed: 50,
       skipChunkSize: 1e3,
-      longtimeNoReceived: 3e3
+      longtimeNoReceived: 3e3,
+      enableStartGapJump: true
     }, opts);
     if (ret.isLive) {
       if (ret.preloadTime) {
@@ -10175,7 +10381,7 @@
       _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) {
@@ -10183,7 +10389,7 @@
                   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) {
@@ -10194,49 +10400,51 @@
                   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, {
@@ -10248,7 +10456,7 @@
                     _this._tick();
                   }
                   if (!(done && !_this.media.seeking)) {
-                    _context.next = 38;
+                    _context.next = 40;
                     break;
                   }
                   _this.emit(EVENT.LOAD_COMPLETE);
@@ -10257,13 +10465,13 @@
                     _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);
@@ -10277,11 +10485,11 @@
                       _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);
@@ -10314,12 +10522,12 @@
         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);
@@ -10475,6 +10683,7 @@
         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({
@@ -10498,7 +10707,7 @@
     _createClass$4(Flv2, [{
       key: "version",
       get: function get() {
-        return "3.0.19-rc.10";
+        return "3.0.20-rc.3";
       }
     }, {
       key: "isLive",
@@ -10614,9 +10823,9 @@
                   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;
@@ -10640,50 +10849,82 @@
     }, {
       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);
@@ -10693,16 +10934,16 @@
     }, {
       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();
@@ -10712,16 +10953,16 @@
                   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);
@@ -10750,26 +10991,26 @@
     }, {
       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);
@@ -10779,17 +11020,17 @@
     }, {
       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");
@@ -10804,34 +11045,34 @@
                   });
                   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;
@@ -10839,16 +11080,16 @@
     }, {
       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);
@@ -10857,9 +11098,9 @@
                   this._firstProgressEmit = false;
                 case 7:
                 case "end":
-                  return _context10.stop();
+                  return _context11.stop();
               }
-          }, _callee10, this);
+          }, _callee11, this);
         }));
         function _clear() {
           return _clear2.apply(this, arguments);
@@ -11053,6 +11294,11 @@
         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() {
@@ -11072,8 +11318,8 @@
           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
             };