@volcengine/veplayer-plugin 2.5.0-rc.0 → 2.5.0

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

@@ -1538,7 +1538,7 @@ util.getCurrentTimeByOffset = function(offsetTime, segments) {
   }
   return offsetTime;
 };
-var version = "3.0.20-alpha.4";
+var version = "3.0.21-rc.2";
 var ERROR_MAP = {
   1: 5101,
   2: 5102,
@@ -2005,6 +2005,18 @@ var BasePlugin = /* @__PURE__ */ function() {
         }
       }
     }
+  }, {
+    key: "defineMethod",
+    value: function defineMethod(Obj, map) {
+      for (var key in map) {
+        if (Object.prototype.hasOwnProperty.call(map, key) && typeof map[key] === "function") {
+          Object.defineProperty(Obj, key, {
+            configurable: true,
+            value: map[key]
+          });
+        }
+      }
+    }
   }, {
     key: "defaultConfig",
     get: function get() {
@@ -2815,6 +2827,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;
 }();
@@ -2967,7 +2994,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$1()].concat(args));
+      (_console = console).debug.apply(_console, ["[".concat(nowTime$1(), "]"), this._prefix].concat(args));
     }
   }, {
     key: "log",
@@ -2979,7 +3006,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$1()].concat(args));
+      (_console2 = console).log.apply(_console2, ["[".concat(nowTime$1(), "]"), this._prefix].concat(args));
     }
   }, {
     key: "warn",
@@ -2991,7 +3018,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$1()].concat(args));
+      (_console3 = console).warn.apply(_console3, ["[".concat(nowTime$1(), "]"), this._prefix].concat(args));
     }
   }, {
     key: "error",
@@ -3003,7 +3030,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$1()].concat(args));
+      (_console4 = console).error.apply(_console4, ["[".concat(nowTime$1(), "]"), this._prefix].concat(args));
     }
   }, {
     key: "logCache",
@@ -3018,7 +3045,7 @@ var Logger$2 = /* @__PURE__ */ function() {
         var finLogText = logText.map(function(item) {
           return logable(item);
         });
-        text = this._prefix + nowTime$1() + JSON.stringify(finLogText);
+        text = "[".concat(nowTime$1(), "]") + this._prefix + JSON.stringify(finLogText);
       } catch (e) {
         return;
       }
@@ -3934,8 +3961,8 @@ function createResponse(data, done, response, contentLength, age, startTime, fir
     response
   };
 }
-function calculateSpeed(byteLen, millisec) {
-  return Math.round(byteLen * 8 * 1e3 / millisec / 1024);
+function calculateSpeed(byteLen, milliSecond) {
+  return Math.round(byteLen * 8 * 1e3 / milliSecond / 1024);
 }
 var EVENT = {
   ERROR: "error",
@@ -3947,6 +3974,7 @@ var EVENT = {
   SOURCEBUFFER_CREATED: "core.sourcebuffercreated",
   MEDIASOURCE_OPENED: "core.mediasourceopened",
   ANALYZE_DURATION_EXCEEDED: "core.analyzedurationexceeded",
+  APPEND_BUFFER: "core.appendbuffer",
   REMOVE_BUFFER: "core.removebuffer",
   BUFFEREOS: "core.buffereos",
   KEYFRAME: "core.keyframe",
@@ -5579,13 +5607,16 @@ var TrackType = {
   METADATA: "metadata"
 };
 var VideoCodecType = {
+  AV1: "av1",
   AVC: "avc",
   HEVC: "hevc"
 };
 var AudioCodecType = {
   AAC: "aac",
   G711PCMA: "g7110a",
-  G711PCMU: "g7110m"
+  G711PCMU: "g7110m",
+  OPUS: "opus",
+  MP3: "mp3"
 };
 var WarningType = {
   LARGE_AV_SHIFT: "LARGE_AV_SHIFT",
@@ -5625,6 +5656,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);
@@ -5667,6 +5699,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);
     }
   }, {
@@ -5690,6 +5725,7 @@ var AudioTrack = /* @__PURE__ */ function() {
     _defineProperty(this, "codecType", AudioCodecType.AAC);
     _defineProperty(this, "pid", -1);
     _defineProperty(this, "codec", "");
+    _defineProperty(this, "container", "");
     _defineProperty(this, "sequenceNumber", 0);
     _defineProperty(this, "sampleDuration", 0);
     _defineProperty(this, "timescale", 0);
@@ -5730,7 +5766,7 @@ var AudioTrack = /* @__PURE__ */ function() {
   }, {
     key: "exist",
     value: function exist() {
-      return !!(this.sampleRate && this.channelCount && this.codec && this.codecType === AudioCodecType.AAC);
+      return !!(this.sampleRate && this.channelCount && (this.codec || this.container) && (this.codecType === AudioCodecType.AAC || this.codecType === AudioCodecType.G711PCMA || this.codecType === AudioCodecType.G711PCMU || this.codecType === AudioCodecType.OPUS || this.codecType === AudioCodecType.MP3));
     }
   }, {
     key: "hasSample",
@@ -5944,7 +5980,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({
@@ -6078,14 +6114,57 @@ var AAC = /* @__PURE__ */ function() {
   return AAC2;
 }();
 _defineProperty(AAC, "FREQ", [96e3, 88200, 64e3, 48e3, 44100, 32e3, 24e3, 22050, 16e3, 12e3, 11025, 8e3, 7350]);
+var OPUS = /* @__PURE__ */ function() {
+  function OPUS2() {
+    _classCallCheck$1(this, OPUS2);
+  }
+  _createClass$1(OPUS2, null, [{
+    key: "getFrameDuration",
+    value: function getFrameDuration(samples) {
+      return 20;
+    }
+  }, {
+    key: "parseHeaderPackets",
+    value: function parseHeaderPackets(data) {
+      if (!data.length)
+        return;
+      var dv = new DataView(data.buffer, data.byteOffset, data.byteLength);
+      var magicSignature = "";
+      for (var i = 0; i < 8; i++) {
+        magicSignature += String.fromCodePoint(data[i]);
+      }
+      if (magicSignature !== "OpusHead") {
+        throw new Error("Invalid Opus MagicSignature");
+      }
+      var channelCount = data[9];
+      console.log("Pre-skip", data[10], data[11]);
+      var sampleRate = dv.getUint32(12, true);
+      var outputGain = dv.getInt16(16, true);
+      if (!sampleRate)
+        return;
+      var codec = "opus";
+      var originCodec = "opus";
+      var config = new Uint8Array(data.buffer, data.byteOffset + 8, data.byteLength - 8);
+      return {
+        outputGain,
+        sampleRate,
+        channelCount,
+        config,
+        codec,
+        originCodec
+      };
+    }
+  }]);
+  return OPUS2;
+}();
 var LARGE_AV_FIRST_FRAME_GAP = 500;
 var AUDIO_GAP_OVERLAP_THRESHOLD_COUNT = 3;
 var MAX_SILENT_FRAME_DURATION = 1e3;
-var AUDIO_EXCETION_LOG_EMIT_DURATION = 5e3;
+var AUDIO_EXCEPTION_LOG_EMIT_DURATION = 5e3;
 var MAX_VIDEO_FRAME_DURATION = 1e3;
 var MAX_DTS_DELTA_WITH_NEXT_CHUNK = 200;
-var VIDEO_EXCETION_LOG_EMIT_DURATION = 5e3;
-var TRACK_BREACKED_CHECK_TIME = 5;
+var VIDEO_EXCEPTION_LOG_EMIT_DURATION = 5e3;
+var TRACK_BROKEN_CHECK_TIME = 5;
 var FlvFixer = /* @__PURE__ */ function() {
   function FlvFixer2(videoTrack, audioTrack, metadataTrack) {
     _classCallCheck$1(this, FlvFixer2);
@@ -6201,7 +6280,7 @@ var FlvFixer = /* @__PURE__ */ function() {
       var firstSample = samples[0];
       var vDelta = this._videoNextDts - firstSample.dts;
       if (Math.abs(vDelta) > MAX_DTS_DELTA_WITH_NEXT_CHUNK) {
-        if (Math.abs(firstSample.dts - this._lastVideoExceptionChunkFirstDtsDot) > VIDEO_EXCETION_LOG_EMIT_DURATION) {
+        if (Math.abs(firstSample.dts - this._lastVideoExceptionChunkFirstDtsDot) > VIDEO_EXCEPTION_LOG_EMIT_DURATION) {
           var _samples$;
           this._lastVideoExceptionChunkFirstDtsDot = firstSample.dts;
           videoTrack.warnings.push({
@@ -6212,7 +6291,7 @@ var FlvFixer = /* @__PURE__ */ function() {
             sampleDuration: vDelta
           });
         }
-        if (this._videoTimestampBreak >= TRACK_BREACKED_CHECK_TIME) {
+        if (this._videoTimestampBreak >= TRACK_BROKEN_CHECK_TIME) {
           this._videoNextDts = firstSample.dts;
           this._videoTimestampBreak = 0;
         } else {
@@ -6235,7 +6314,7 @@ var FlvFixer = /* @__PURE__ */ function() {
         }
         if (sampleDuration > MAX_VIDEO_FRAME_DURATION || sampleDuration < 0) {
           this._videoTimestampBreak++;
-          if (Math.abs(dts - this._lastVideoExceptionLargeGapDot) > VIDEO_EXCETION_LOG_EMIT_DURATION) {
+          if (Math.abs(dts - this._lastVideoExceptionLargeGapDot) > VIDEO_EXCEPTION_LOG_EMIT_DURATION) {
             this._lastVideoExceptionLargeGapDot = dts;
             videoTrack.warnings.push({
               type: WarningType.LARGE_VIDEO_GAP,
@@ -6316,10 +6395,27 @@ var FlvFixer = /* @__PURE__ */ function() {
     key: "_doFixAudioInternal",
     value: function _doFixAudioInternal(audioTrack, samples, timescale) {
       if (!audioTrack.sampleDuration) {
-        audioTrack.sampleDuration = audioTrack.codecType === AudioCodecType.AAC ? AAC.getFrameDuration(audioTrack.timescale, timescale) : this._getG711Duration(audioTrack);
+        switch (audioTrack.codecType) {
+          case AudioCodecType.AAC: {
+            audioTrack.sampleDuration = AAC.getFrameDuration(audioTrack.timescale, timescale);
+            break;
+          }
+          case AudioCodecType.OPUS: {
+            audioTrack.sampleDuration = OPUS.getFrameDuration(audioTrack.samples, timescale);
+            break;
+          }
+          case AudioCodecType.G711PCMA:
+          case AudioCodecType.G711PCMU: {
+            audioTrack.sampleDuration = this._getG711Duration(audioTrack);
+            break;
+          }
+          default:
+            console.error("can't fix audio codecType:", audioTrack.codecType);
+            break;
+        }
       }
       var refSampleDuration = audioTrack.sampleDuration;
-      var sampleDurationInSampleRate = audioTrack.codecType === AudioCodecType.AAC ? 1024 : refSampleDuration * audioTrack.timescale / 1e3;
+      var sampleDurationInSampleRate = audioTrack.codecType === AudioCodecType.OPUS ? 20 : audioTrack.codecType === AudioCodecType.AAC ? 1024 : refSampleDuration * audioTrack.timescale / 1e3;
       if (this._audioNextPts === void 0) {
         var samp0 = samples[0];
         this._audioNextPts = samp0.pts;
@@ -6328,7 +6424,7 @@ var FlvFixer = /* @__PURE__ */ function() {
         var nextPts = this._audioNextPts;
         var sample = samples[i];
         var delta = sample.pts - nextPts;
-        if (i === 0 && this._audioTimestampBreak >= TRACK_BREACKED_CHECK_TIME && this._keyFrameInNextChunk) {
+        if (i === 0 && this._audioTimestampBreak >= TRACK_BROKEN_CHECK_TIME && this._keyFrameInNextChunk) {
           nextPts = this._audioNextPts = sample.dts;
           delta = 0;
           this._audioTimestampBreak = 0;
@@ -6336,7 +6432,7 @@ var FlvFixer = /* @__PURE__ */ function() {
         if (!this._audioTimestampBreak && delta >= AUDIO_GAP_OVERLAP_THRESHOLD_COUNT * refSampleDuration && delta <= MAX_SILENT_FRAME_DURATION && !isSafari) {
           var silentFrame = this._getSilentFrame(audioTrack) || samples[0].data.subarray();
           var count = Math.floor(delta / refSampleDuration);
-          if (Math.abs(sample.pts - this._lastAudioExceptionGapDot) > AUDIO_EXCETION_LOG_EMIT_DURATION) {
+          if (Math.abs(sample.pts - this._lastAudioExceptionGapDot) > AUDIO_EXCEPTION_LOG_EMIT_DURATION) {
             this._lastAudioExceptionGapDot = sample.pts;
             audioTrack.warnings.push({
               type: WarningType.AUDIO_FILLED,
@@ -6356,7 +6452,7 @@ var FlvFixer = /* @__PURE__ */ function() {
           }
           i--;
         } else if (delta <= -AUDIO_GAP_OVERLAP_THRESHOLD_COUNT * refSampleDuration && delta >= -1 * MAX_SILENT_FRAME_DURATION) {
-          if (Math.abs(sample.pts - this._lastAudioExceptionOverlapDot) > AUDIO_EXCETION_LOG_EMIT_DURATION) {
+          if (Math.abs(sample.pts - this._lastAudioExceptionOverlapDot) > AUDIO_EXCEPTION_LOG_EMIT_DURATION) {
             this._lastAudioExceptionOverlapDot = sample.pts;
             audioTrack.warnings.push({
               type: WarningType.AUDIO_DROPPED,
@@ -6371,7 +6467,7 @@ var FlvFixer = /* @__PURE__ */ function() {
         } else {
           if (Math.abs(delta) > MAX_SILENT_FRAME_DURATION) {
             this._audioTimestampBreak++;
-            if (Math.abs(sample.pts - this._lastAudioExceptionLargeGapDot) > AUDIO_EXCETION_LOG_EMIT_DURATION) {
+            if (Math.abs(sample.pts - this._lastAudioExceptionLargeGapDot) > AUDIO_EXCEPTION_LOG_EMIT_DURATION) {
               this._lastAudioExceptionLargeGapDot = sample.pts;
               audioTrack.warnings.push({
                 type: WarningType.LARGE_AUDIO_GAP,
@@ -6384,8 +6480,15 @@ var FlvFixer = /* @__PURE__ */ function() {
               });
             }
           }
-          sample.dts = sample.pts = nextPts;
-          sample.duration = sampleDurationInSampleRate;
+          if (audioTrack.codecType === AudioCodecType.OPUS) {
+            var lastSample = samples[samples.length - 1];
+            if (lastSample) {
+              lastSample.duration = sample.pts - lastSample.pts;
+            }
+          } else {
+            sample.dts = sample.pts = nextPts;
+            sample.duration = sampleDurationInSampleRate;
+          }
           this._audioNextPts += refSampleDuration;
         }
       }
@@ -7344,6 +7447,13 @@ var AMF = /* @__PURE__ */ function() {
   }]);
   return AMF2;
 }();
+var FlvSoundFormat = {
+  MP3: 2,
+  G711A: 7,
+  G711M: 8,
+  AAC: 10,
+  OPUS: 13
+};
 var logger$2 = new Logger$1("FlvDemuxer");
 var FlvDemuxer = /* @__PURE__ */ function() {
   function FlvDemuxer2(videoTrack, audioTrack, metadataTrack) {
@@ -7360,8 +7470,10 @@ var FlvDemuxer = /* @__PURE__ */ function() {
   _createClass$1(FlvDemuxer2, [{
     key: "demux",
     value: function demux(data) {
+      var _scriptDataObject$dat;
       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;
@@ -7419,6 +7531,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);
@@ -7436,13 +7550,31 @@ var FlvDemuxer = /* @__PURE__ */ function() {
         this._remainingData = data.subarray(offset);
       }
       audioTrack.formatTimescale = videoTrack.formatTimescale = videoTrack.timescale = metadataTrack.timescale = 1e3;
-      audioTrack.timescale = audioTrack.sampleRate || 0;
+      audioTrack.timescale = audioTrack.codecType === AudioCodecType.OPUS ? 1e3 : audioTrack.sampleRate || 0;
       if (!audioTrack.exist() && audioTrack.hasSample()) {
         audioTrack.reset();
       }
       if (!videoTrack.exist() && videoTrack.hasSample()) {
         videoTrack.reset();
       }
+      var scriptDataObject = metadataTrack.flvScriptSamples[metadataTrack.flvScriptSamples.length - 1];
+      var metaData = scriptDataObject === null || scriptDataObject === void 0 ? void 0 : (_scriptDataObject$dat = scriptDataObject.data) === null || _scriptDataObject$dat === void 0 ? void 0 : _scriptDataObject$dat.onMetaData;
+      if (metaData) {
+        if (videoTrack !== null && videoTrack !== void 0 && videoTrack.exist()) {
+          if (metaData.hasOwnProperty("duration")) {
+            videoTrack.duration = metaData.duration * 1e3;
+          }
+          if (metaData.hasOwnProperty("width") && metaData.hasOwnProperty("height")) {
+            videoTrack.width = metaData.width;
+            videoTrack.height = metaData.height;
+          }
+        }
+        if (audioTrack !== null && audioTrack !== void 0 && audioTrack.exist()) {
+          if (metaData.hasOwnProperty("duration")) {
+            audioTrack.duration = metaData.duration * 1e3;
+          }
+        }
+      }
       return {
         videoTrack,
         audioTrack,
@@ -7461,8 +7593,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);
     }
   }, {
@@ -7472,12 +7604,12 @@ var FlvDemuxer = /* @__PURE__ */ function() {
         return;
       var format = (data[0] & 240) >>> 4;
       var track = this.audioTrack;
-      if (format !== 10 && format !== 7 && format !== 8) {
+      if (format !== FlvSoundFormat.AAC && format !== FlvSoundFormat.G711A && format !== FlvSoundFormat.G711M && format !== FlvSoundFormat.OPUS) {
         logger$2.warn("Unsupported sound format: ".concat(format));
         track.reset();
         return;
       }
-      if (format !== 10) {
+      if (format !== FlvSoundFormat.AAC && format !== FlvSoundFormat.OPUS) {
         var soundRate = (data[0] & 12) >> 2;
         var soundSize = (data[0] & 2) >> 1;
         var soundType = data[0] & 1;
@@ -7485,10 +7617,49 @@ var FlvDemuxer = /* @__PURE__ */ function() {
         track.sampleSize = soundSize ? 16 : 8;
         track.channelCount = soundType + 1;
       }
-      if (format === 10) {
-        this._parseAac(data, pts);
-      } else {
-        this._parseG711(data, pts, format);
+      switch (format) {
+        case FlvSoundFormat.G711A:
+        case FlvSoundFormat.G711M:
+          this._parseG711(data, pts, format);
+          break;
+        case FlvSoundFormat.AAC:
+          this._parseAac(data, pts);
+          break;
+        case FlvSoundFormat.OPUS:
+          this._parseOpus(data, pts);
+          break;
+      }
+    }
+  }, {
+    key: "_parseOpus",
+    value: function _parseOpus(data, pts) {
+      var track = this.audioTrack;
+      var packetType = data[1];
+      track.codecType = AudioCodecType.OPUS;
+      switch (packetType) {
+        case 0: {
+          var ret = OPUS.parseHeaderPackets(data.subarray(2));
+          if (ret) {
+            track.codec = ret.codec;
+            track.channelCount = ret.channelCount;
+            track.sampleRate = ret.sampleRate;
+            track.config = ret.config;
+            track.sampleDuration = OPUS.getFrameDuration([], track.timescale);
+          } else {
+            track.reset();
+            logger$2.warn("Cannot parse AudioSpecificConfig", data);
+          }
+          break;
+        }
+        case 1: {
+          if (pts === void 0 || pts === null)
+            return;
+          var newSample = new AudioSample(pts, data.subarray(2), track.sampleDuration);
+          track.samples.push(newSample);
+          break;
+        }
+        default:
+          logger$2.warn("Unknown OpusPacketType: ".concat(packetType));
       }
     }
   }, {
@@ -7576,8 +7747,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) {
@@ -8051,10 +8227,16 @@ var MP4 = /* @__PURE__ */ function() {
         if (track.useEME && track.enca) {
           content = MP42.enca(track);
         } else {
-          content = MP42.mp4a(track);
+          if (track.codecType === AudioCodecType.OPUS) {
+            content = MP42.opus(track);
+          } else {
+            content = MP42.mp4a(track);
+          }
         }
       } else if (track.useEME && track.encv) {
         content = MP42.encv(track);
+      } else if (track.av1C) {
+        content = MP42.av01(track);
       } else {
         content = MP42.avc1hev1(track);
       }
@@ -8267,6 +8449,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) {
@@ -8637,6 +8903,53 @@ var MP4 = /* @__PURE__ */ function() {
       )));
       return esds2;
     }
+  }, {
+    key: "opus",
+    value: function opus(track) {
+      var opusAudioDescription = new Uint8Array([
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        track.channelCount,
+        0,
+        16,
+        0,
+        0,
+        0,
+        0,
+        track.sampleRate >> 8 & 255,
+        track.sampleRate & 255,
+        0,
+        0
+      ]);
+      var opusSpecificConfig = track.config.length ? MP42.dOps(track) : [];
+      return MP42.box(MP42.types.Opus, opusAudioDescription, opusSpecificConfig);
+    }
+  }, {
+    key: "dOps",
+    value: function dOps(track) {
+      if (track.config) {
+        track.config[4] = track.sampleRate >>> 24 & 255;
+        track.config[5] = track.sampleRate >>> 16 & 255;
+        track.config[6] = track.sampleRate >>> 8 & 255;
+        track.config[7] = track.sampleRate & 255;
+        return MP42.box(MP42.types.dOps, track.config);
+      }
+    }
   }, {
     key: "mvex",
     value: function mvex(tracks) {
@@ -9239,7 +9552,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", ["Opus", "dOps", "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)));
@@ -9574,30 +9887,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]);
@@ -9627,6 +9956,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) {
@@ -9714,7 +10092,8 @@ var BufferService = /* @__PURE__ */ function() {
                 this._contiguous = false;
                 this._sourceCreated = false;
                 this._initSegmentId = "";
-              case 11:
+                this.resetSeamlessSwitchStats();
+              case 12:
               case "end":
                 return _context.stop();
             }
@@ -9725,6 +10104,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() {
@@ -9830,32 +10218,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, afterAppend, 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) {
@@ -9867,7 +10279,7 @@ var BufferService = /* @__PURE__ */ function() {
                   audioTrack.present = false;
                 }
                 if (!(!videoExist && videoTrack.present || !audioExist && audioTrack.present)) {
-                  _context5.next = 29;
+                  _context5.next = 42;
                   break;
                 }
                 duration = 0;
@@ -9876,7 +10288,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);
@@ -9885,19 +10297,28 @@ 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;
+                afterAppend = function afterAppend2() {
+                  var _this$flv;
+                  if ((_this$flv = _this.flv) !== null && _this$flv !== void 0 && _this$flv.emit) {
+                    var _this$flv2;
+                    (_this$flv2 = _this.flv) === null || _this$flv2 === void 0 ? void 0 : _this$flv2.emit(EVENT.APPEND_BUFFER, {});
+                  }
+                };
                 this.flv.emit(EVENT.DEMUXED_TRACK, {
                   videoTrack
                 });
@@ -9908,16 +10329,16 @@ var BufferService = /* @__PURE__ */ function() {
                   this._emitMetaParsedEvent(videoTrack, audioTrack);
                 }
                 if (!mse) {
-                  _context5.next = 66;
+                  _context5.next = 81;
                   break;
                 }
                 if (this._sourceCreated) {
-                  _context5.next = 47;
+                  _context5.next = 59;
                   break;
                 }
-                _context5.next = 43;
+                _context5.next = 55;
                 return mse.open();
-              case 43:
+              case 55:
                 if (videoExist) {
                   logger$1.log("codec: video/mp4;codecs=".concat(videoTrack.codec));
                   mse.createSource(videoType, "video/mp4;codecs=".concat(videoTrack.codec));
@@ -9928,26 +10349,28 @@ var BufferService = /* @__PURE__ */ function() {
                 }
                 this._sourceCreated = true;
                 this.flv.emit(EVENT.SOURCEBUFFER_CREATED);
-              case 47:
-                _context5.prev = 47;
+              case 59:
+                _context5.prev = 59;
                 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 = 69;
                 break;
-              case 52:
-                _context5.prev = 52;
-                _context5.t1 = _context5["catch"](47);
+              case 66:
+                _context5.prev = 66;
+                _context5.t1 = _context5["catch"](59);
                 throw new StreamingError(ERR.REMUX, ERR.SUB_TYPES.FMP4, _context5.t1);
-              case 55:
+              case 69:
                 if (!(this._needInitSegment && !remuxResult.videoInitSegment && !remuxResult.audioInitSegment)) {
-                  _context5.next = 57;
+                  _context5.next = 71;
                   break;
                 }
                 return _context5.abrupt("return");
-              case 57:
+              case 71:
                 this._needInitSegment = false;
                 p = [];
                 if (remuxResult.videoInitSegment)
@@ -9958,16 +10381,21 @@ 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(afterAppend).then(function() {
+                  _this.flv._transferCost.end(TRANSFER_EVENT.APPEND);
+                  afterAppend();
+                }));
+              case 81:
                 if (this._softVideo) {
                   this._softVideo.appendBuffer(videoTrack, audioTrack);
+                  afterAppend();
                 }
-              case 67:
+              case 82:
               case "end":
                 return _context5.stop();
             }
-        }, _callee5, this, [[4, 8], [47, 52]]);
+        }, _callee5, this, [[5, 12], [59, 66]]);
       }));
       function appendBuffer(_x2) {
         return _appendBuffer.apply(this, arguments);
@@ -9978,7 +10406,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)
@@ -10007,7 +10435,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
                   });
                 }));
@@ -10057,16 +10485,16 @@ var BufferService = /* @__PURE__ */ function() {
   }, {
     key: "_fireEvents",
     value: function _fireEvents(videoTrack, audioTrack, metadataTrack) {
-      var _this2 = this;
-      logger$1.debug(videoTrack.samples, audioTrack.samples);
+      var _this3 = this;
+      logger$1.debug("videoTrack samples count: ".concat(videoTrack.samples.length, ", audioTrack samples count: ").concat(audioTrack.samples.length));
       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
           });
         }
       });
@@ -10084,7 +10512,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);
@@ -10103,13 +10531,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,
@@ -10144,7 +10572,8 @@ function getOption(opts) {
     durationForMSELowLatencyOff: 6,
     chunkCountForSpeed: 50,
     skipChunkSize: 1e3,
-    longtimeNoReceived: 3e3
+    longtimeNoReceived: 3e3,
+    enableStartGapJump: true
   }, opts);
   if (ret.isLive) {
     if (ret.preloadTime) {
@@ -10212,7 +10641,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) {
@@ -10220,7 +10649,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) {
@@ -10231,49 +10660,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, {
@@ -10285,7 +10716,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);
@@ -10294,13 +10725,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);
@@ -10314,11 +10745,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);
@@ -10351,19 +10782,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();
         }
       }
@@ -10512,6 +10943,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({
@@ -10535,7 +10967,7 @@ var Flv = /* @__PURE__ */ function(_EventEmitter) {
   _createClass$4(Flv2, [{
     key: "version",
     get: function get() {
-      return "3.0.19-rc.0";
+      return "3.0.21-rc.2";
     }
   }, {
     key: "isLive",
@@ -10651,9 +11083,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;
@@ -10677,50 +11109,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);
@@ -10730,16 +11194,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();
@@ -10749,16 +11213,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);
@@ -10787,26 +11251,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);
@@ -10816,17 +11280,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");
@@ -10841,34 +11305,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;
@@ -10876,16 +11340,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);
@@ -10894,9 +11358,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);
@@ -10983,9 +11447,13 @@ var PluginExtension = /* @__PURE__ */ function() {
   _createClass$4(PluginExtension2, [{
     key: "_init",
     value: function _init() {
-      var _this$_opts2 = this._opts, media = _this$_opts2.media, preloadTime = _this$_opts2.preloadTime, innerDegrade = _this$_opts2.innerDegrade, decodeMode = _this$_opts2.decodeMode;
+      var _this$_opts2 = this._opts, media = _this$_opts2.media, isLive = _this$_opts2.isLive, preloadTime = _this$_opts2.preloadTime, innerDegrade = _this$_opts2.innerDegrade, decodeMode = _this$_opts2.decodeMode;
       if (!media)
         return;
+      if (!isLive && media.setPlayMode) {
+        media.setPlayMode("VOD");
+        return;
+      }
       if (innerDegrade) {
         media.setAttribute("innerdegrade", innerDegrade);
       }
@@ -11023,6 +11491,7 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty$3(_assertThisInitialized$3(_this), "logger", logger);
     _defineProperty$3(_assertThisInitialized$3(_this), "flv", null);
     _defineProperty$3(_assertThisInitialized$3(_this), "pluginExtension", null);
     _defineProperty$3(_assertThisInitialized$3(_this), "getStats", function() {
@@ -11090,11 +11559,17 @@ 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() {
       var _this2 = this;
       var config = this.player.config;
+      var mediaElem = this.player.media || this.player.video;
       if (!config.url)
         return;
       if (this.flv)
@@ -11107,10 +11582,10 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
       this.flv = new Flv(_objectSpread2$2({
         softDecode: this.softDecode,
         isLive: config.isLive,
-        media: this.player.video,
+        media: mediaElem,
         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
           };
@@ -11129,7 +11604,8 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
       }
       if (this.softDecode) {
         this.pluginExtension = new PluginExtension(_objectSpread2$2({
-          media: this.player.video
+          media: this.player.video,
+          isLive: config.isLive
         }, config.flv), this);
         this.player.forceDegradeToVideo = function() {
           var _this2$pluginExtensio;
@@ -11156,6 +11632,7 @@ var FlvPlugin = /* @__PURE__ */ function(_BasePlugin) {
       this._transCoreEvent(EVENT.LOAD_RETRY);
       this._transCoreEvent(EVENT.SOURCEBUFFER_CREATED);
       this._transCoreEvent(EVENT.ANALYZE_DURATION_EXCEEDED);
+      this._transCoreEvent(EVENT.APPEND_BUFFER);
       this._transCoreEvent(EVENT.REMOVE_BUFFER);
       this._transCoreEvent(EVENT.BUFFEREOS);
       this._transCoreEvent(EVENT.KEYFRAME);