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

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

@@ -1542,7 +1542,7 @@
     }
     return offsetTime;
   };
-  var version = "3.0.20-alpha.4";
+  var version = "3.0.21-rc.3";
   var ERROR_MAP = {
     1: 5101,
     2: 5102,
@@ -2009,6 +2009,18 @@
           }
         }
       }
+    }, {
+      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() {
@@ -2819,6 +2831,21 @@
           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;
   }();
@@ -2971,7 +2998,7 @@
         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",
@@ -2983,7 +3010,7 @@
         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",
@@ -2995,7 +3022,7 @@
         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",
@@ -3007,7 +3034,7 @@
         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",
@@ -3022,7 +3049,7 @@
           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;
         }
@@ -3938,8 +3965,8 @@
       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",
@@ -3951,6 +3978,7 @@
     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",
@@ -5583,13 +5611,16 @@
     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",
@@ -5629,6 +5660,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);
@@ -5671,6 +5703,9 @@
     }, {
       key: "exist",
       value: function exist() {
+        if (/av01/.test(this.codec)) {
+          return true;
+        }
         return !!(this.pps.length && this.sps.length && this.codec);
       }
     }, {
@@ -5694,6 +5729,7 @@
       _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);
@@ -5734,7 +5770,7 @@
     }, {
       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",
@@ -5948,7 +5984,7 @@
             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({
@@ -6082,14 +6118,57 @@
     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);
@@ -6205,7 +6284,7 @@
         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({
@@ -6216,7 +6295,7 @@
               sampleDuration: vDelta
             });
           }
-          if (this._videoTimestampBreak >= TRACK_BREACKED_CHECK_TIME) {
+          if (this._videoTimestampBreak >= TRACK_BROKEN_CHECK_TIME) {
             this._videoNextDts = firstSample.dts;
             this._videoTimestampBreak = 0;
           } else {
@@ -6239,7 +6318,7 @@
           }
           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,
@@ -6320,10 +6399,27 @@
       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;
@@ -6332,7 +6428,7 @@
           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;
@@ -6340,7 +6436,7 @@
           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,
@@ -6360,7 +6456,7 @@
             }
             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,
@@ -6375,7 +6471,7 @@
           } 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,
@@ -6388,8 +6484,15 @@
                 });
               }
             }
-            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;
           }
         }
@@ -7348,6 +7451,13 @@
     }]);
     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) {
@@ -7364,8 +7474,10 @@
     _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;
@@ -7423,6 +7535,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);
@@ -7440,13 +7554,31 @@
           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,
@@ -7465,8 +7597,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);
       }
     }, {
@@ -7476,12 +7608,12 @@
           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;
@@ -7489,10 +7621,49 @@
           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));
         }
       }
     }, {
@@ -7580,8 +7751,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) {
@@ -8055,10 +8231,16 @@
           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);
         }
@@ -8271,6 +8453,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) {
@@ -8641,6 +8907,53 @@
         )));
         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) {
@@ -9243,7 +9556,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", ["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)));
@@ -9578,30 +9891,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;
+          });
+        } 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]);
@@ -9631,6 +9960,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) {
@@ -9718,7 +10096,8 @@
                   this._contiguous = false;
                   this._sourceCreated = false;
                   this._initSegmentId = "";
-                case 11:
+                  this.resetSeamlessSwitchStats();
+                case 12:
                 case "end":
                   return _context.stop();
               }
@@ -9729,6 +10108,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() {
@@ -9834,32 +10222,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, 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) {
@@ -9871,7 +10283,7 @@
                     audioTrack.present = false;
                   }
                   if (!(!videoExist && videoTrack.present || !audioExist && audioTrack.present)) {
-                    _context5.next = 29;
+                    _context5.next = 42;
                     break;
                   }
                   duration = 0;
@@ -9880,7 +10292,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);
@@ -9889,19 +10301,28 @@
                   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
                   });
@@ -9912,16 +10333,16 @@
                     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));
@@ -9932,26 +10353,28 @@
                   }
                   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)
@@ -9962,16 +10385,21 @@
                     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);
@@ -9982,7 +10410,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)
@@ -10011,7 +10439,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
                     });
                   }));
@@ -10061,16 +10489,16 @@
     }, {
       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
             });
           }
         });
@@ -10088,7 +10516,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);
@@ -10107,13 +10535,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,
@@ -10148,7 +10576,8 @@
       durationForMSELowLatencyOff: 6,
       chunkCountForSpeed: 50,
       skipChunkSize: 1e3,
-      longtimeNoReceived: 3e3
+      longtimeNoReceived: 3e3,
+      enableStartGapJump: true
     }, opts);
     if (ret.isLive) {
       if (ret.preloadTime) {
@@ -10216,7 +10645,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) {
@@ -10224,7 +10653,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) {
@@ -10235,49 +10664,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, {
@@ -10289,7 +10720,7 @@
                     _this._tick();
                   }
                   if (!(done && !_this.media.seeking)) {
-                    _context.next = 38;
+                    _context.next = 40;
                     break;
                   }
                   _this.emit(EVENT.LOAD_COMPLETE);
@@ -10298,13 +10729,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);
@@ -10318,11 +10749,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);
@@ -10355,19 +10786,19 @@
         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();
           }
         }
@@ -10516,6 +10947,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({
@@ -10539,7 +10971,7 @@
     _createClass$4(Flv2, [{
       key: "version",
       get: function get() {
-        return "3.0.19-rc.0";
+        return "3.0.21-rc.3";
       }
     }, {
       key: "isLive",
@@ -10655,9 +11087,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;
@@ -10681,50 +11113,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);
@@ -10734,16 +11198,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();
@@ -10753,16 +11217,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);
@@ -10791,26 +11255,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);
@@ -10820,17 +11284,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");
@@ -10845,34 +11309,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;
@@ -10880,16 +11344,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);
@@ -10898,9 +11362,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);
@@ -10987,9 +11451,13 @@
     _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);
         }
@@ -11027,6 +11495,7 @@
         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() {
@@ -11094,11 +11563,17 @@
         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)
@@ -11111,10 +11586,10 @@
         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
             };
@@ -11133,7 +11608,8 @@
         }
         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;
@@ -11160,6 +11636,7 @@
         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);