@volcengine/veplayer 2.0.0-rc.2 → 2.1.0-rc.0

package/esm/veplayer.live.development.js

@@ -1015,6 +1015,9 @@ util$1.isMSE = function(video) {
   }
   return /^blob/.test(video.currentSrc) || /^blob/.test(video.src);
 };
+util$1.isBlob = function(url) {
+  return /^blob/.test(url);
+};
 util$1.generateSessionId = function() {
   var did = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
   var d2 = (/* @__PURE__ */ new Date()).getTime();
@@ -1075,6 +1078,69 @@ util$1.convertDeg = function(val) {
   }
   return val % 360;
 };
+util$1.getIndexByTime = function(time, segments) {
+  var _len = segments.length;
+  var _index = -1;
+  if (_len < 1) {
+    return _index;
+  }
+  if (time <= segments[0].end || _len < 2) {
+    _index = 0;
+  } else if (time > segments[_len - 1].end) {
+    _index = _len - 1;
+  } else {
+    for (var i2 = 1; i2 < _len; i2++) {
+      if (time > segments[i2 - 1].end && time <= segments[i2].end) {
+        _index = i2;
+        break;
+      }
+    }
+  }
+  return _index;
+};
+util$1.getOffsetCurrentTime = function(currentTime, segments) {
+  var index = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : -1;
+  var _index = -1;
+  if (index >= 0 && index < segments.length) {
+    _index = index;
+  } else {
+    _index = util$1.getIndexByTime(currentTime, segments);
+  }
+  if (_index < 0) {
+    return -1;
+  }
+  var _len = segments.length;
+  var _segments$_index = segments[_index], start = _segments$_index.start, end = _segments$_index.end, cTime = _segments$_index.cTime, offset = _segments$_index.offset;
+  if (currentTime < start) {
+    return cTime;
+  } else if (currentTime >= start && currentTime <= end) {
+    return currentTime - offset;
+  } else if (currentTime > end && _index >= _len - 1) {
+    return end;
+  }
+  return -1;
+};
+util$1.getCurrentTimeByOffset = function(offsetTime, segments) {
+  var _index = -1;
+  if (!segments || segments.length < 0) {
+    return offsetTime;
+  }
+  for (var i2 = 0; i2 < segments.length; i2++) {
+    if (offsetTime <= segments[i2].duration) {
+      _index = i2;
+      break;
+    }
+  }
+  if (_index !== -1) {
+    var start = segments[_index].start;
+    if (_index - 1 < 0) {
+      return start + offsetTime;
+    } else {
+      return start + (offsetTime - segments[_index - 1].duration);
+    }
+  }
+  return offsetTime;
+};
 function isObject$1(value) {
   var type = _typeof(value);
   return value !== null && (type === "object" || type === "function");
@@ -1164,7 +1230,7 @@ function debounce$2(func, wait, options) {
   function debounced() {
     var time = Date.now();
     var isInvoking = shouldInvoke(time);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key = 0; _key < _len2; _key++) {
       args[_key] = arguments[_key];
     }
     lastArgs = args;
@@ -1371,7 +1437,7 @@ var sniffer$1 = {
     }
   }
 };
-var version = "3.0.7";
+var version = "3.0.10-alpha.4";
 var ERROR_TYPE_MAP = {
   1: "media",
   2: "media",
@@ -1457,6 +1523,7 @@ var CANPLAY_THROUGH = "canplaythrough";
 var DURATION_CHANGE = "durationchange";
 var VOLUME_CHANGE = "volumechange";
 var LOADED_DATA = "loadeddata";
+var LOADED_METADATA = "loadedmetadata";
 var RATE_CHANGE = "ratechange";
 var PROGRESS = "progress";
 var LOAD_START = "loadstart";
@@ -1496,7 +1563,7 @@ var RESET = "reset";
 var SOURCE_ERROR = "source_error";
 var SOURCE_SUCCESS = "source_success";
 var SWITCH_SUBTITLE = "switch_subtitle";
-var VIDEO_EVENTS = ["play", "playing", "ended", "pause", "error", "seeking", "seeked", "timeupdate", "waiting", "canplay", "canplaythrough", "durationchange", "volumechange", "loadeddata", "ratechange", "progress", "loadstart", "emptied", "stalled", "suspend", "abort", "lowdecode"];
+var VIDEO_EVENTS = ["play", "playing", "ended", "pause", "error", "seeking", "seeked", "timeupdate", "waiting", "canplay", "canplaythrough", "durationchange", "volumechange", "loadeddata", "loadedmetadata", "ratechange", "progress", "loadstart", "emptied", "stalled", "suspend", "abort", "lowdecode"];
 var STATS_EVENTS = {
   STATS_INFO: "stats_info",
   STATS_DOWNLOAD: "stats_download",
@@ -1525,6 +1592,7 @@ var XGEvents = /* @__PURE__ */ Object.freeze({
   FPS_STUCK,
   FULLSCREEN_CHANGE,
   LOADED_DATA,
+  LOADED_METADATA,
   LOAD_START,
   MINI_STATE_CHANGE,
   PAUSE,
@@ -1662,6 +1730,9 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
     if (options.loop) {
       _this.mediaConfig.loop = "loop";
     }
+    if (options.autoplayMuted && !Object.prototype.hasOwnProperty.call(_this.mediaConfig, "muted")) {
+      _this.mediaConfig.muted = true;
+    }
     _this.media = util$1.createDom(_this.mediaConfig.mediaType, "", _this.mediaConfig, "");
     if (options.defaultPlaybackRate) {
       _this.media.defaultPlaybackRate = _this.media.playbackRate = options.defaultPlaybackRate;
@@ -1740,10 +1811,11 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
       var _this6 = this;
       video.removeAttribute("src");
       video.load();
-      urls.forEach(function(item) {
+      urls.forEach(function(item, index) {
         _this6.media.appendChild(util$1.createDom("source", "", {
           src: "".concat(item.src),
-          type: "".concat(item.type || "")
+          type: "".concat(item.type || ""),
+          "data-index": index + 1
         }));
       });
       var _c = video.children;
@@ -1751,6 +1823,7 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
         return;
       }
       this._videoSourceCount = _c.length;
+      this._videoSourceIndex = _c.length;
       this._vLoadeddata = function(e3) {
         _this6.emit(SOURCE_SUCCESS, {
           src: e3.target.currentSrc,
@@ -1765,8 +1838,9 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
         }
       }
       !this._sourceError && (this._sourceError = function(e3) {
-        _this6._videoSourceCount--;
-        if (_this6._videoSourceCount === 0) {
+        var _dIndex = parseInt(e3.target.getAttribute("data-index"), 10);
+        _this6._videoSourceIndex--;
+        if (_this6._videoSourceIndex === 0 || _dIndex >= _this6._videoSourceCount) {
           var _err = {
             code: 4,
             message: "sources_load_error"
@@ -2093,7 +2167,7 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
       this.emit(WAITING);
       this._currentTime = 0;
       this._duration = 0;
-      if (/^blob/.test(this.media.currentSrc) || /^blob/.test(this.media.src)) {
+      if (util$1.isMSE(this.media)) {
         this.onWaiting();
         return;
       }
@@ -3801,6 +3875,7 @@ function getDefaultConfig$1() {
     },
     enableSwipeHandler: function enableSwipeHandler() {
     },
+    preProcessUrl: null,
     ignores: [],
     whitelist: [],
     inactive: 3e3,
@@ -3882,7 +3957,7 @@ var Controls = /* @__PURE__ */ function(_Plugin) {
         autoHide: false
       });
     });
-    _defineProperty$1(_assertThisInitialized(_this), "onMouseLeave", function() {
+    _defineProperty$1(_assertThisInitialized(_this), "onMouseLeave", function(e3) {
       var _assertThisInitialize2 = _assertThisInitialized(_this), player = _assertThisInitialize2.player;
       player.focus();
     });
@@ -3960,12 +4035,13 @@ var Controls = /* @__PURE__ */ function(_Plugin) {
   }, {
     key: "show",
     value: function show() {
-      util$1.addClass(this.root, "show");
+      this.root.style.display = "";
+      this.player.focus();
     }
   }, {
     key: "hide",
     value: function hide() {
-      util$1.removeClass(this.root, "show");
+      this.root.style.display = "none";
     }
   }, {
     key: "mode",
@@ -4367,6 +4443,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     _this.cssfullscreen = false;
     _this.isRotateFullscreen = false;
     _this._fullscreenEl = null;
+    _this.timeSegments = [];
     _this._cssfullscreenEl = null;
     _this.curDefinition = null;
     _this._orgCss = "";
@@ -4376,7 +4453,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     _this.videoPos = {
       pi: 1,
       scale: 0,
-      rotate: 0,
+      rotate: -1,
       x: 0,
       y: 0,
       h: -1,
@@ -4384,11 +4461,21 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       vy: 0,
       vx: 0
     };
+    _this.sizeInfo = {
+      width: 0,
+      height: 0,
+      left: 0,
+      top: 0
+    };
     _this._accPlayed = {
       t: 0,
       acc: 0,
       loopAcc: 0
     };
+    _this._offsetInfo = {
+      currentTime: -1,
+      duration: 0
+    };
     _this.innerContainer = null;
     _this.controls = null;
     _this.topBar = null;
@@ -4401,6 +4488,9 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     _this.isUserActive = false;
     _this._onceSeekCanplay = null;
     _this._isPauseBeforeSeek = 0;
+    _this.innerStates = {
+      isActiveLocked: false
+    };
     var rootInit = _this._initDOM();
     if (!rootInit) {
       console.error(new Error("can't find the dom which id is ".concat(_this.config.id, " or this.config.el does not exist")));
@@ -4486,16 +4576,16 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
         this.addClass(STATE_CLASS.NO_START);
       }
       if (this.config.fluid) {
-        var _this$config3 = this.config, width = _this$config3.width, height = _this$config3.height;
-        if (typeof width !== "number" || typeof height !== "number") {
-          width = 600;
-          height = 337.5;
+        var _this$config3 = this.config, _width = _this$config3.width, _height = _this$config3.height;
+        if (typeof _width !== "number" || typeof _height !== "number") {
+          _width = 600;
+          _height = 337.5;
         }
         var style = {
           width: "100%",
           height: "0",
           "max-width": "100%",
-          "padding-top": "".concat(height * 100 / width, "%")
+          "padding-top": "".concat(_height * 100 / _width, "%")
         };
         Object.keys(style).forEach(function(key) {
           _this2.root.style[key] = style[key];
@@ -4511,6 +4601,11 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
           }
         });
       }
+      var _this$root$getBoundin = this.root.getBoundingClientRect(), width = _this$root$getBoundin.width, height = _this$root$getBoundin.height, left = _this$root$getBoundin.left, top = _this$root$getBoundin.top;
+      this.sizeInfo.width = width;
+      this.sizeInfo.height = height;
+      this.sizeInfo.left = left;
+      this.sizeInfo.top = top;
       return true;
     }
   }, {
@@ -4594,7 +4689,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       var readyState = this.media.readyState;
       XG_DEBUG.logInfo("_startInit readyState", readyState);
       if (this.config.autoplay) {
-        !(/^blob/.test(this.media.currentSrc) || /^blob/.test(this.media.src)) && this.load();
+        !util$1.isMSE(this.media) && this.load();
         (sniffer$1.os.isIpad || sniffer$1.os.isPhone) && this.mediaPlay();
       }
       if (readyState >= 2) {
@@ -4822,7 +4917,8 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
         if (!url) {
           url = _this8.url || _this8.config.url;
         }
-        var ret = _this8._startInit(url);
+        var _furl = _this8.preProcessUrl(url);
+        var ret = _this8._startInit(_furl.url);
         return ret;
       }).catch(function(e3) {
         e3.fileName = "player";
@@ -4839,6 +4935,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       if (util$1.typeOf(url) === "Object") {
         _src = url.url;
       }
+      _src = this.preProcessUrl(_src).url;
       var curTime = this.currentTime;
       var isPaused = this.paused && !this.isError;
       this.src = _src;
@@ -5177,7 +5274,11 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       this.addClass(STATE_CLASS.LOADING);
       runHooks(this, "retry", function() {
         var cur = _this20.currentTime;
-        _this20.src = _this20.config.url;
+        var url = _this20.config.url;
+        var _srcRet = !util$1.isMSE(_this20.media) ? _this20.preProcessUrl(url) : {
+          url
+        };
+        _this20.src = _srcRet.url;
         !_this20.config.isLive && (_this20.currentTime = cur);
         _this20.once(CANPLAY, function() {
           _this20.mediaPlay();
@@ -5238,7 +5339,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       var fullEl = util$1.getFullScreenEl();
       if (fullEl === this._fullscreenEl) {
         this.onFullscreenChange();
-        return;
+        return Promise.resolve();
       }
       try {
         for (var i2 = 0; i2 < GET_FULLSCREEN_API.length; i2++) {
@@ -5411,30 +5512,38 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     key: "onFocus",
     value: function onFocus() {
       var _this21 = this;
-      var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref$autoHide = _ref.autoHide, autoHide = _ref$autoHide === void 0 ? !this.config.closePlayerBlur : _ref$autoHide, _ref$delay = _ref.delay, delay = _ref$delay === void 0 ? this.config.inactive : _ref$delay;
+      var data = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
+        autoHide: true,
+        delay: 3e3
+      };
+      var innerStates = this.innerStates;
       this.isActive = true;
       this.removeClass(STATE_CLASS.INACTIVE);
       if (this.userTimer) {
         util$1.clearTimeout(this, this.userTimer);
         this.userTimer = null;
       }
-      if (!autoHide) {
+      if (data.isLock !== void 0) {
+        innerStates.isActiveLocked = data.isLock;
+      }
+      if (data.autoHide === false || data.isLock === true || innerStates.isActiveLocked) {
         if (this.userTimer) {
           util$1.clearTimeout(this, this.userTimer);
           this.userTimer = null;
         }
         return;
       }
+      var time = data && data.delay ? data.delay : this.config.inactive;
       this.userTimer = util$1.setTimeout(this, function() {
         _this21.userTimer = null;
         _this21.blur();
-      }, delay);
+      }, time);
     }
   }, {
     key: "onBlur",
     value: function onBlur() {
-      var _ref2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref2$ignorePaused = _ref2.ignorePaused, ignorePaused = _ref2$ignorePaused === void 0 ? false : _ref2$ignorePaused;
-      if (!this.isActive) {
+      var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref$ignorePaused = _ref.ignorePaused, ignorePaused = _ref$ignorePaused === void 0 ? false : _ref$ignorePaused;
+      if (!this.isActive || this.innerStates.isActiveLocked) {
         return;
       }
       var closePauseVideoFocus = this.config.closePauseVideoFocus;
@@ -5557,7 +5666,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
   }, {
     key: "onTimeupdate",
     value: function onTimeupdate() {
-      !this._videoHeight && this.resize();
+      !this._videoHeight && this.media.videoHeight && this.resize();
       if ((this.waitTimer || this.hasClass(STATE_CLASS.LOADING)) && this.media.readyState > 2) {
         this.removeClass(STATE_CLASS.LOADING);
         util$1.clearTimeout(this, this.waitTimer);
@@ -5632,8 +5741,11 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     key: "resizePosition",
     value: function resizePosition() {
       var _this$videoPos = this.videoPos, rotate = _this$videoPos.rotate, vy = _this$videoPos.vy, vx = _this$videoPos.vx, h2 = _this$videoPos.h, w2 = _this$videoPos.w;
+      if (rotate < 0 && !vy && !vx) {
+        return;
+      }
       var _pi = this.videoPos._pi;
-      if (!_pi) {
+      if (!_pi && this.media.videoHeight) {
         _pi = this.media.videoWidth / this.media.videoHeight * 100;
       }
       if (!_pi) {
@@ -5733,9 +5845,14 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       if (!this.media) {
         return;
       }
+      var containerSize = this.root.getBoundingClientRect();
+      this.sizeInfo.width = containerSize.width;
+      this.sizeInfo.height = containerSize.height;
+      this.sizeInfo.left = containerSize.left;
+      this.sizeInfo.top = containerSize.top;
       var _this$media = this.media, videoWidth = _this$media.videoWidth, videoHeight = _this$media.videoHeight;
       var _this$config6 = this.config, fitVideoSize = _this$config6.fitVideoSize, videoFillMode = _this$config6.videoFillMode;
-      if (videoFillMode === "fill" || videoFillMode === "cover") {
+      if (videoFillMode === "fill" || videoFillMode === "cover" || videoFillMode === "contain") {
         this.setAttribute("data-xgfill", videoFillMode);
       }
       if (!videoHeight || !videoWidth) {
@@ -5743,7 +5860,6 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       }
       this._videoHeight = videoHeight;
       this._videoWidth = videoWidth;
-      var containerSize = this.root.getBoundingClientRect();
       var controlsHeight = this.controls && this.innerContainer ? this.controls.root.getBoundingClientRect().height : 0;
       var width = containerSize.width;
       var height = containerSize.height - controlsHeight;
@@ -5798,6 +5914,14 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       XG_DEBUG.logInfo("setState", "state from:".concat(STATE_ARRAY[this.state], " to:").concat(STATE_ARRAY[newState]));
       this._state = newState;
     }
+  }, {
+    key: "preProcessUrl",
+    value: function preProcessUrl(url, ext) {
+      var preProcessUrl2 = this.config.preProcessUrl;
+      return !util$1.isBlob(url) && preProcessUrl2 && typeof preProcessUrl2 === "function" ? preProcessUrl2(url, ext) : {
+        url
+      };
+    }
   }, {
     key: "state",
     get: function get() {
@@ -5971,9 +6095,8 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
   }, {
     key: "cumulateTime",
     get: function get() {
-      var _accPlayed = this._accPlayed;
-      this.updateAcc("get");
-      return _accPlayed.acc;
+      var _this$_accPlayed = this._accPlayed, acc = _this$_accPlayed.acc, t2 = _this$_accPlayed.t;
+      return t2 ? (/* @__PURE__ */ new Date()).getTime() - t2 + acc : acc;
     }
   }, {
     key: "zoom",
@@ -6012,6 +6135,22 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     set: function set(val) {
       REAL_TIME_SPEED = val;
     }
+  }, {
+    key: "offsetCurrentTime",
+    get: function get() {
+      return this._offsetInfo.currentTime || 0;
+    },
+    set: function set(val) {
+      this._offsetInfo.currentTime = val;
+    }
+  }, {
+    key: "offsetDuration",
+    get: function get() {
+      return this._offsetInfo.duration || 0;
+    },
+    set: function set(val) {
+      this._offsetInfo.duration = val || 0;
+    }
   }, {
     key: "hook",
     value: function hook$1(hookName, handler) {
@@ -7684,10 +7823,56 @@ function getDefaultConfig() {
 var Touche = /* @__PURE__ */ function() {
   function Touche2(dom) {
     var _this = this;
-    var config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+    var _config = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
       eventType: "touch"
     };
     _classCallCheck(this, Touche2);
+    _defineProperty$1(this, "onTouchStart", function(e3) {
+      var _pos = _this._pos, root2 = _this.root;
+      var touch = getTouch(e3.touches);
+      _pos.x = touch ? parseInt(touch.pageX, 10) : e3.pageX;
+      _pos.y = touch ? parseInt(touch.pageX, 10) : e3.pageX;
+      _pos.start = true;
+      _this.__setPress(e3);
+      root2.addEventListener(_this.events.end, _this.onTouchEnd);
+      root2.addEventListener(_this.events.cancel, _this.onTouchCancel);
+      root2.addEventListener(_this.events.move, _this.onTouchMove);
+      _this.trigger(EVENTS.TOUCH_START, e3);
+    });
+    _defineProperty$1(this, "onTouchCancel", function(e3) {
+      _this.onTouchEnd(e3);
+    });
+    _defineProperty$1(this, "onTouchEnd", function(e3) {
+      var _pos = _this._pos, root2 = _this.root;
+      _this.__clearPress();
+      root2.removeEventListener(_this.events.cancel, _this.onTouchCancel);
+      root2.removeEventListener(_this.events.end, _this.onTouchEnd);
+      root2.removeEventListener(_this.events.move, _this.onTouchMove);
+      e3.moving = _pos.moving;
+      e3.press = _pos.press;
+      _pos.press && _this.trigger(EVENTS.PRESS_END, e3);
+      _this.trigger(EVENTS.TOUCH_END, e3);
+      !_pos.press && !_pos.moving && _this.__setDb(e3);
+      _pos.press = false;
+      _pos.start = false;
+      _pos.moving = false;
+    });
+    _defineProperty$1(this, "onTouchMove", function(e3) {
+      var _pos = _this._pos, config = _this.config;
+      var touch = getTouch(e3.touches);
+      var x2 = touch ? parseInt(touch.pageX, 10) : e3.pageX;
+      var y2 = touch ? parseInt(touch.pageY, 10) : e3.pageX;
+      var diffx = x2 - _pos.x;
+      var diffy = y2 - _pos.y;
+      if (Math.abs(diffy) < config.miniStep && Math.abs(diffx) < config.miniStep) {
+        return;
+      }
+      _this.__clearPress();
+      _pos.press && _this.trigger(EVENTS.PRESS_END, e3);
+      _pos.press = false;
+      _pos.moving = true;
+      _this.trigger(EVENTS.TOUCH_MOVE, e3);
+    });
     this._pos = {
       moving: false,
       start: false,
@@ -7695,11 +7880,11 @@ var Touche = /* @__PURE__ */ function() {
       y: 0
     };
     this.config = getDefaultConfig();
-    Object.keys(config).map(function(key) {
-      _this.config[key] = config[key];
+    Object.keys(_config).map(function(key) {
+      _this.config[key] = _config[key];
     });
     this.root = dom;
-    this.events = config.eventType === "mouse" ? MOUSES : TOUCHS;
+    this.events = _config.eventType === "mouse" ? MOUSES : TOUCHS;
     this.pressIntrvalId = null;
     this.dbIntrvalId = null;
     this.__handlers = {};
@@ -7708,10 +7893,6 @@ var Touche = /* @__PURE__ */ function() {
   _createClass$1(Touche2, [{
     key: "_initEvent",
     value: function _initEvent() {
-      this.onTouchStart = this.onTouchStart.bind(this);
-      this.onTouchMove = this.onTouchMove.bind(this);
-      this.onTouchEnd = this.onTouchEnd.bind(this);
-      this.onTouchCancel = this.onTouchCancel.bind(this);
       this.root.addEventListener(this.events.start, this.onTouchStart);
     }
   }, {
@@ -7797,60 +7978,6 @@ var Touche = /* @__PURE__ */ function() {
         }
       });
     }
-  }, {
-    key: "onTouchStart",
-    value: function onTouchStart(e3) {
-      var _pos = this._pos, root2 = this.root;
-      var touch = getTouch(e3.touches);
-      _pos.x = touch ? parseInt(touch.pageX, 10) : e3.pageX;
-      _pos.y = touch ? parseInt(touch.pageX, 10) : e3.pageX;
-      _pos.start = true;
-      this.__setPress(e3);
-      root2.addEventListener(this.events.end, this.onTouchEnd);
-      root2.addEventListener(this.events.cancel, this.onTouchCancel);
-      root2.addEventListener(this.events.move, this.onTouchMove);
-      this.trigger(EVENTS.TOUCH_START, e3);
-    }
-  }, {
-    key: "onTouchCancel",
-    value: function onTouchCancel(e3) {
-      this.onTouchEnd(e3);
-    }
-  }, {
-    key: "onTouchEnd",
-    value: function onTouchEnd(e3) {
-      var _pos = this._pos, root2 = this.root;
-      this.__clearPress();
-      root2.removeEventListener(this.events.cancel, this.onTouchCancel);
-      root2.removeEventListener(this.events.end, this.onTouchEnd);
-      root2.removeEventListener(this.events.move, this.onTouchMove);
-      e3.moving = _pos.moving;
-      e3.press = _pos.press;
-      _pos.press && this.trigger(EVENTS.PRESS_END, e3);
-      this.trigger(EVENTS.TOUCH_END, e3);
-      !_pos.press && !_pos.moving && this.__setDb(e3);
-      _pos.press = false;
-      _pos.start = false;
-      _pos.moving = false;
-    }
-  }, {
-    key: "onTouchMove",
-    value: function onTouchMove(e3) {
-      var _pos = this._pos, config = this.config;
-      var touch = getTouch(e3.touches);
-      var x2 = touch ? parseInt(touch.pageX, 10) : e3.pageX;
-      var y2 = touch ? parseInt(touch.pageY, 10) : e3.pageX;
-      var diffx = x2 - _pos.x;
-      var diffy = y2 - _pos.y;
-      if (Math.abs(diffy) < config.miniStep && Math.abs(diffx) < config.miniStep) {
-        return;
-      }
-      this.__clearPress();
-      _pos.press && this.trigger(EVENTS.PRESS_END, e3);
-      _pos.press = false;
-      _pos.moving = true;
-      this.trigger(EVENTS.TOUCH_MOVE, e3);
-    }
   }, {
     key: "destroy",
     value: function destroy2() {
@@ -7860,8 +7987,8 @@ var Touche = /* @__PURE__ */ function() {
         touchmove: "onTouchMove",
         touchstart: "onTouchStart"
       };
-      Object.keys(map).map(function(key) {
-        _this4.root.removeEventListener("touchend", _this4[map[key]]);
+      Object.keys(map).forEach(function(key) {
+        _this4.root.removeEventListener(key, _this4[map[key]]);
       });
     }
   }]);
@@ -8512,38 +8639,61 @@ var Keyboard = /* @__PURE__ */ function(_BasePlugin) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty$1(_assertThisInitialized(_this), "onBodyKeyDown", function(event) {
-      var e3 = event || window.event;
-      if (!_this.player || !_this.player.isUserActive && !_this.config.isIgnoreUserActive) {
+      if (!_this.player) {
         return;
       }
-      if (_this.config.disable || _this.config.disableBodyTrigger || !_this.checkIsVisible() || e3.metaKey || e3.altKey || e3.ctrlKey) {
+      var e3 = event || window.event;
+      var keyCode = e3.keyCode;
+      var _assertThisInitialize = _assertThisInitialized(_this), _keyState = _assertThisInitialize._keyState, player = _assertThisInitialize.player;
+      var _this$config = _this.config, disable = _this$config.disable, disableBodyTrigger = _this$config.disableBodyTrigger, isIgnoreUserActive = _this$config.isIgnoreUserActive;
+      if (disable || disableBodyTrigger || !player.isUserActive && !isIgnoreUserActive || isDisableTag(e3.target) || !_this.checkIsVisible() || e3.metaKey || e3.altKey || e3.ctrlKey) {
+        _keyState.isBodyKeyDown = false;
         return;
       }
-      var keyCode = e3.keyCode;
-      if ((e3.target === document.body || _this.config.isGlobalTrigger && !isDisableTag(e3.target)) && _this.checkCode(keyCode, true)) {
-        preventDefault(e3);
-        _this.handleKeyCode(keyCode, event);
-        return false;
+      if (!event.repeat && !_keyState.isKeyDown) {
+        if ((e3.target === document.body || _this.config.isGlobalTrigger && !isDisableTag(e3.target)) && _this.checkCode(keyCode, true)) {
+          _keyState.isBodyKeyDown = true;
+        }
+        document.addEventListener("keyup", _this.onBodyKeyUp);
       }
-      return false;
+      _keyState.isBodyKeyDown && _this.handleKeyDown(e3);
     });
-    _defineProperty$1(_assertThisInitialized(_this), "onKeydown", function(event) {
-      var e3 = event || window.event;
-      if (_this.config.disable || _this.config.disableRootTrigger || e3.metaKey || e3.altKey || e3.ctrlKey) {
+    _defineProperty$1(_assertThisInitialized(_this), "onBodyKeyUp", function(event) {
+      if (!_this.player) {
         return;
       }
-      if (!_this.player.isUserActive && !_this.config.isIgnoreUserActive) {
+      document.removeEventListener("keyup", _this.onBodyKeyUp);
+      _this.handleKeyUp(event);
+    });
+    _defineProperty$1(_assertThisInitialized(_this), "onKeydown", function(event) {
+      if (!_this.player) {
         return;
       }
-      if (!_this.player.isUserActive && !_this.config.isIgnoreUserActive) {
+      var e3 = event || window.event;
+      var _assertThisInitialize2 = _assertThisInitialized(_this), _keyState = _assertThisInitialize2._keyState;
+      if (!e3.repeat) {
+        if (_this.config.disable || _this.config.disableRootTrigger || e3.metaKey || e3.altKey || e3.ctrlKey) {
+          return;
+        }
+        if (!_this.player.isUserActive && !_this.config.isIgnoreUserActive) {
+          return;
+        }
+        if (e3 && (e3.keyCode === 37 || _this.checkCode(e3.keyCode)) && (e3.target === _this.player.root || e3.target === _this.player.video || e3.target === _this.player.controls.el)) {
+          _keyState.isKeyDown = true;
+        }
+        _this.player.root.addEventListener("keyup", _this.onKeyup);
+      }
+      if (!_keyState.isKeyDown) {
         return;
       }
-      if (e3 && (e3.keyCode === 37 || _this.checkCode(e3.keyCode)) && (e3.target === _this.player.root || e3.target === _this.player.video || e3.target === _this.player.controls.el)) {
-        preventDefault(e3);
-      } else {
-        return true;
+      _this.handleKeyDown(e3);
+    });
+    _defineProperty$1(_assertThisInitialized(_this), "onKeyup", function(event) {
+      if (!_this.player) {
+        return;
       }
-      _this.handleKeyCode(e3.keyCode, event);
+      _this.player.root.removeEventListener("keyup", _this.onKeyup);
+      _this.handleKeyUp(event);
     });
     return _this;
   }
@@ -8557,7 +8707,7 @@ var Keyboard = /* @__PURE__ */ function(_BasePlugin) {
           if (!_this2.keyCodeMap[key]) {
             _this2.keyCodeMap[key] = extendkeyCodeMap[key];
           } else {
-            ["keyCode", "action", "disable", "isBodyTarget"].map(function(key1) {
+            ["keyCode", "action", "disable", "pressAction", "disablePress", "isBodyTarget"].map(function(key1) {
               extendkeyCodeMap[key][key1] && (_this2.keyCodeMap[key][key1] = extendkeyCodeMap[key][key1]);
             });
           }
@@ -8577,37 +8727,51 @@ var Keyboard = /* @__PURE__ */ function(_BasePlugin) {
           keyCode: 32,
           action: "playPause",
           disable: false,
+          disablePress: false,
           noBodyTarget: false
         },
         up: {
           keyCode: 38,
           action: "upVolume",
           disable: false,
+          disablePress: false,
           noBodyTarget: true
         },
         down: {
           keyCode: 40,
           action: "downVolume",
           disable: false,
+          disablePress: false,
           noBodyTarget: true
         },
         left: {
           keyCode: 37,
           action: "seekBack",
+          disablePress: false,
           disable: false
         },
         right: {
           keyCode: 39,
           action: "seek",
+          pressAction: "changePlaybackRate",
+          disablePress: false,
           disable: false
         },
         esc: {
           keyCode: 27,
           action: "exitFullscreen",
+          disablePress: true,
           disable: false
         }
       };
       this.mergekeyCodeMap();
+      this._keyState = {
+        isKeyDown: false,
+        isBodyKeyDown: false,
+        isPress: false,
+        tt: 0,
+        playbackRate: 0
+      };
       this.player.root.addEventListener("keydown", this.onKeydown);
       document.addEventListener("keydown", this.onBodyKeyDown);
     }
@@ -8641,6 +8805,9 @@ var Keyboard = /* @__PURE__ */ function(_BasePlugin) {
     key: "downVolume",
     value: function downVolume(event) {
       var player = this.player;
+      if (player.volume <= 0) {
+        return;
+      }
       var val = parseFloat((player.volume - 0.1).toFixed(1));
       var props = {
         volume: {
@@ -8661,6 +8828,9 @@ var Keyboard = /* @__PURE__ */ function(_BasePlugin) {
     key: "upVolume",
     value: function upVolume(event) {
       var player = this.player;
+      if (player.volume >= 1) {
+        return;
+      }
       var val = parseFloat((player.volume + 0.1).toFixed(1));
       var props = {
         volume: {
@@ -8680,42 +8850,57 @@ var Keyboard = /* @__PURE__ */ function(_BasePlugin) {
   }, {
     key: "seek",
     value: function seek(event) {
-      var _this$player = this.player, currentTime = _this$player.currentTime, duration = _this$player.duration;
-      var _time = currentTime;
-      if (currentTime + this.seekStep <= duration) {
-        _time = currentTime + this.seekStep;
+      var _this$player = this.player, currentTime = _this$player.currentTime, offsetCurrentTime = _this$player.offsetCurrentTime, duration = _this$player.duration, offsetDuration = _this$player.offsetDuration, timeSegments = _this$player.timeSegments;
+      var _time = offsetCurrentTime > -1 ? offsetCurrentTime : currentTime;
+      var _duration = offsetDuration || duration;
+      var _step = event.repeat && this.seekStep >= 4 ? parseInt(this.seekStep / 2, 10) : this.seekStep;
+      if (_time + _step <= _duration) {
+        _time = _time + _step;
       } else {
-        _time = duration;
+        _time = _duration;
       }
+      var _seekTime = util$1.getCurrentTimeByOffset(_time, timeSegments);
       var props = {
         currentTime: {
           from: currentTime,
-          to: _time
+          to: _seekTime
         }
       };
       this.emitUserAction(event, "seek", {
         props
       });
-      this.player.currentTime = _time;
+      this.player.currentTime = _seekTime;
     }
   }, {
     key: "seekBack",
     value: function seekBack(event) {
-      var currentTime = this.player.currentTime;
-      var _time = 0;
-      if (currentTime - this.seekStep >= 0) {
-        _time = currentTime - this.seekStep;
-      }
+      var _this$player2 = this.player, currentTime = _this$player2.currentTime, offsetCurrentTime = _this$player2.offsetCurrentTime, timeSegments = _this$player2.timeSegments;
+      var _step = event.repeat ? parseInt(this.seekStep / 2, 10) : this.seekStep;
+      var _time = offsetCurrentTime > -1 ? offsetCurrentTime : currentTime;
+      var _seekTime = _time - _step;
+      if (_seekTime < 0) {
+        _seekTime = 0;
+      }
+      _seekTime = util$1.getCurrentTimeByOffset(_seekTime, timeSegments);
       var props = {
         currentTime: {
           from: currentTime,
-          to: _time
+          to: _seekTime
         }
       };
       this.emitUserAction(event, "seek", {
         props
       });
-      this.player.currentTime = _time;
+      this.player.currentTime = _seekTime;
+    }
+  }, {
+    key: "changePlaybackRate",
+    value: function changePlaybackRate(event) {
+      var _keyState = this._keyState, config = this.config, player = this.player;
+      if (_keyState.playbackRate === 0) {
+        _keyState.playbackRate = player.playbackRate;
+        player.playbackRate = config.playbackRate;
+      }
     }
   }, {
     key: "playPause",
@@ -8753,32 +8938,66 @@ var Keyboard = /* @__PURE__ */ function(_BasePlugin) {
         player.exitCssFullscreen();
       }
     }
+  }, {
+    key: "handleKeyDown",
+    value: function handleKeyDown(e3) {
+      var _keyState = this._keyState;
+      if (e3.repeat) {
+        _keyState.isPress = true;
+        var _t = Date.now();
+        if (_t - _keyState.tt < 200) {
+          return;
+        }
+        _keyState.tt = _t;
+      }
+      preventDefault(e3);
+      this.handleKeyCode(e3.keyCode, e3, _keyState.isPress);
+    }
+  }, {
+    key: "handleKeyUp",
+    value: function handleKeyUp(e3) {
+      var _keyState = this._keyState;
+      if (_keyState.playbackRate > 0) {
+        this.player.playbackRate = _keyState.playbackRate;
+        _keyState.playbackRate = 0;
+      }
+      _keyState.isKeyDown = false;
+      _keyState.isPress = false;
+      _keyState.tt = 0;
+    }
   }, {
     key: "handleKeyCode",
-    value: function handleKeyCode(curKeyCode, event) {
-      var _this4 = this;
-      Object.keys(this.keyCodeMap).map(function(key) {
-        var _this4$keyCodeMap$key = _this4.keyCodeMap[key], action = _this4$keyCodeMap$key.action, keyCode = _this4$keyCodeMap$key.keyCode, disable = _this4$keyCodeMap$key.disable;
-        if (keyCode === curKeyCode && !disable) {
-          if (typeof action === "function") {
-            action(event, _this4.player);
-          } else if (typeof action === "string") {
-            if (typeof _this4[action] === "function") {
-              _this4[action](event, _this4.player);
+    value: function handleKeyCode(curKeyCode, event, isPress) {
+      var arr = Object.keys(this.keyCodeMap);
+      for (var i2 = 0; i2 < arr.length; i2++) {
+        var _this$keyCodeMap$arr$ = this.keyCodeMap[arr[i2]], action = _this$keyCodeMap$arr$.action, keyCode = _this$keyCodeMap$arr$.keyCode, disable = _this$keyCodeMap$arr$.disable, pressAction = _this$keyCodeMap$arr$.pressAction, disablePress = _this$keyCodeMap$arr$.disablePress;
+        if (keyCode === curKeyCode) {
+          if (!disable && !(isPress && disablePress)) {
+            var _action = !isPress ? action : pressAction || action;
+            if (typeof _action === "function") {
+              action(event, this.player, isPress);
+            } else if (typeof _action === "string") {
+              if (typeof this[_action] === "function") {
+                this[_action](event, this.player, isPress);
+              }
             }
+            this.emit(SHORTCUT, _objectSpread2$1({
+              key: arr[i2],
+              target: event.target,
+              isPress
+            }, this.keyCodeMap[arr[i2]]));
           }
-          _this4.emit(SHORTCUT, _objectSpread2$1({
-            key,
-            target: event.target
-          }, _this4.keyCodeMap[key]));
+          break;
         }
-      });
+      }
     }
   }, {
     key: "destroy",
     value: function destroy2() {
       this.player.root.removeEventListener("keydown", this.onKeydown);
       document.removeEventListener("keydown", this.onBodyKeyDown);
+      this.player.root.removeEventListener("keyup", this.onKeyup);
+      document.removeEventListener("keyup", this.onBodyKeyUp);
     }
   }, {
     key: "disable",
@@ -8800,12 +9019,13 @@ var Keyboard = /* @__PURE__ */ function(_BasePlugin) {
     get: function get() {
       return {
         seekStep: 10,
-        checkVisible: true,
+        checkVisible: false,
         disableBodyTrigger: false,
         disableRootTrigger: false,
         isGlobalTrigger: false,
         keyCodeMap: {},
         disable: false,
+        playbackRate: 2,
         isIgnoreUserActive: false
       };
     }
@@ -10174,6 +10394,9 @@ class Definition {
   get url() {
     return this._currentUrlRef.url;
   }
+  set url(url) {
+    this._currentUrlRef.url = url;
+  }
   next() {
     const next = this._currentUrlRef.next;
     /* istanbul ignore next -- @preserve */
@@ -10251,7 +10474,6 @@ class SourceManager {
     __publicField(this, "defaultSource");
     __publicField(this, "defaultDefinition");
     __publicField(this, "maxFallbackRound");
-    __publicField(this, "_prepareList", []);
     __publicField(this, "_currentDefinition");
     __publicField(this, "_sources");
     __publicField(this, "_fallbackCount", 0);
@@ -10286,6 +10508,11 @@ class SourceManager {
     var _a;
     return (_a = this.definition) == null ? void 0 : _a.url;
   }
+  set url(url) {
+    if (this.definition) {
+      this.definition.url = url;
+    }
+  }
   /**
    * 以给定的参数搜索源和对应清晰度。`source` 和 `definition`
    * 都是可选的，当未指定时，使用当前的 {@link SourceManager.source}
@@ -10355,14 +10582,6 @@ class SourceManager {
     this.resetFallback();
     return this;
   }
-  registerPrepare(prepare) {
-    this._prepareList.push(prepare);
-  }
-  async prepare(url) {
-    for (const prepare of this._prepareList) {
-      await prepare(url);
-    }
-  }
   resetFallback() {
     this._fallbackCount = 0;
   }
@@ -11953,9 +12172,7 @@ class DefinitionPlugin extends OptionsIcon {
       toastPlugin.remove(this._toastId);
     }
     this._toastId = toastPlugin.toast(
-      `${i18nManager.getText("DEFINITION_SWITCHING")} ${(definition.text && this.player.config.i18nManager.normalize(
-        definition.text
-      )) ?? definition.definition} ...`,
+      `${i18nManager.getText("DEFINITION_SWITCHING")} ${definition.showText ?? definition.definition} ...`,
       {
         duration: 2e3,
         closable: true
@@ -12719,21 +12936,21 @@ const EN$1 = {
   // 自动播放插件
   UNMUTE: "Click to unmute",
   // 报错
-  MANIFEST: "视频解析错误",
+  MANIFEST: "Video parsing error",
   NETWORK: "Network error",
   NETWORK_TIMEOUT: "Network timeout",
-  NETWORK_FORBIDDEN: "鉴权异常",
-  NETWORK_NOTFOUND: "播放地址不存在",
-  DEMUX: "视频解析错误",
-  REMUX: "视频解析错误",
-  MEDIA: "视频播放发生错误",
-  MEDIA_ERR_CODEC_NOT_SUPPORTED: "当前浏览器不支持视频解码",
-  MEDIA_ERR_URL_EMPTY: "当前播放地址为空",
-  DRM: "权限验证失败",
-  OTHER: "其他报错",
-  RUNTIME: "视频播放发生错误",
-  MODULE_LOAD_ERROR: "插件模块加载异常",
-  UNKNOWN: "未知报错"
+  NETWORK_FORBIDDEN: "Authentication  error",
+  NETWORK_NOTFOUND: "Stream does not exist",
+  DEMUX: "Video parsing error",
+  REMUX: "Video parsing error",
+  MEDIA: "An error occurred, Please try again",
+  MEDIA_ERR_CODEC_NOT_SUPPORTED: "Audio/video codec is not supported",
+  MEDIA_ERR_URL_EMPTY: "The stream address is not specified",
+  DRM: "Permission verification failed",
+  OTHER: "Unknown error",
+  RUNTIME: "An error occurred, Please try again",
+  MODULE_LOAD_ERROR: "CDN fetch error",
+  UNKNOWN: "Unknown error"
 };
 const ZH_CN$1 = {
   ...ZH.TEXT,
@@ -12752,12 +12969,12 @@ const ZH_CN$1 = {
   NETWORK_NOTFOUND: "播放地址不存在",
   DEMUX: "视频解析错误",
   REMUX: "视频解析错误",
-  MEDIA: "视频播放发生错误",
-  MEDIA_ERR_CODEC_NOT_SUPPORTED: "当前浏览器不支持视频解码",
+  MEDIA: "播放异常，请重试",
+  MEDIA_ERR_CODEC_NOT_SUPPORTED: "不支持的音频/视频格式",
   MEDIA_ERR_URL_EMPTY: "当前播放地址为空",
   DRM: "权限验证失败",
   OTHER: "其他报错",
-  RUNTIME: "视频播放发生错误",
+  RUNTIME: "播放异常，请重试",
   MODULE_LOAD_ERROR: "插件模块加载异常",
   UNKNOWN: "未知报错"
 };
@@ -12901,7 +13118,6 @@ class VePlayerBase {
       veplayer: this
     });
     this.emit(Events$1.PLAYER_CREATE_FINISH, this._player);
-    this._sourceManager.registerPrepare((url) => this.prepare(url));
     this._errorCallback = (err) => this._handleFallback(err);
     this._player.on(ERROR, this._errorCallback);
   }
@@ -13067,7 +13283,7 @@ class VePlayerBase {
       return;
     }
     if (!VeI18n.isLangValid(lang)) {
-      const langKeys = VeI18n.langKeys().join(",");
+      const langKeys = VeI18n.langKeys.join(",");
       const message = {
         en: `Sorry, we couldn't set the language to ${lang} because it's not currently supported. The list of supported languages includes ${langKeys}.`,
         "zh-cn": `不支持当前设置的语言${lang}, 支持的语言有${langKeys}, 请重新设置`
@@ -13086,7 +13302,7 @@ class VePlayerBase {
    * @hidden
    */
   static async create(options = {}, Constructor) {
-    var _a;
+    var _a, _b, _c;
     const sourceManager = new SourceManager({
       sources: Source.normalize({
         url: options.url,
@@ -13098,8 +13314,14 @@ class VePlayerBase {
       defaultDefinition: options.defaultDefinition,
       maxFallbackRound: options.maxFallbackRound
     });
+    const prepareResult = await ((_a = options == null ? void 0 : options.preparePlugins) == null ? void 0 : _a.call(
+      options,
+      sourceManager.url ?? ""
+    ));
+    if ((_b = prepareResult == null ? void 0 : prepareResult.options) == null ? void 0 : _b.url) {
+      sourceManager.url = (_c = prepareResult == null ? void 0 : prepareResult.options) == null ? void 0 : _c.url;
+    }
     options.url = sourceManager.url;
-    const prepareResult = await ((_a = options == null ? void 0 : options.preparePlugins) == null ? void 0 : _a.call(options, options.url ?? ""));
     return new (Constructor ?? VePlayerBase)({
       ...options,
       prepareResult,
@@ -13114,7 +13336,6 @@ class VePlayerBase {
   async switch(target, options) {
     var _a, _b;
     if (typeof target === "string" && this._sourceManager.sources.length === 1 && ((_b = (_a = this._sourceManager.sources) == null ? void 0 : _a[0].definitions) == null ? void 0 : _b.length) === 1) {
-      this._sourceManager.updateSources(target);
       await this._switchUrl(target);
       return this._sourceManager.definition;
     }
@@ -13253,7 +13474,7 @@ class VePlayerBase {
    * @brief 调用此方法进入系统全屏状态。如果该方法调用的时候处于网页全屏状态会自动退出网页全屏，下发事件 `Events.FULLSCREEN_CHANGE`。
    * @param el 全屏作用的 DOM 节点。
    */
-  getFullscreen(el) {
+  requestFullscreen(el) {
     return this._player.getFullscreen(el);
   }
   /**
@@ -13267,7 +13488,7 @@ class VePlayerBase {
    * @brief 调用此方法进入网页样式全屏状态，播放器进入网页全屏，利用 CSS 模拟实现全屏效果。如果该接口调用的时候处于全屏状态，会自动退出全屏，下发事件 `Events.CSS_FULLSCREEN_CHANGE`。
    * @param el 全屏作用的 DOM 节点。
    */
-  getCssFullscreen(el) {
+  requestCssFullscreen(el) {
     return this._player.getCssFullscreen(el);
   }
   /**
@@ -13350,9 +13571,12 @@ class VePlayerBase {
     if (result == null ? void 0 : result.options) {
       this._player.setConfig(result.options);
     }
-    return addedPlugins.map((plugin) => {
-      return this._player.registerPlugin(plugin);
-    });
+    return {
+      plugins: addedPlugins.map((plugin) => {
+        return this._player.registerPlugin(plugin);
+      }),
+      options: result == null ? void 0 : result.options
+    };
   }
   async _handleFallback(err) {
     this._player.addClass(STATE_CLASS.ENTER);
@@ -13387,7 +13611,10 @@ class VePlayerBase {
   async _switch(targetDefinition) {
     var _a, _b, _c, _d, _e, _f;
     const preDefinition = clonedeep(this._sourceManager.definition);
-    const newPlugins = await this.prepare(targetDefinition.url);
+    const { plugins: newPlugins, options } = await this.prepare(targetDefinition.url) || {};
+    if (options == null ? void 0 : options.url) {
+      targetDefinition.url = options == null ? void 0 : options.url;
+    }
     this._sourceManager.switch(targetDefinition);
     (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.sources.renderItemList();
     (_d = (_c = this._player) == null ? void 0 : _c.plugins) == null ? void 0 : _d.definition.renderItemList();
@@ -13403,11 +13630,13 @@ class VePlayerBase {
     }
   }
   async _switchUrl(url) {
-    const newPlugins = await this.prepare(url);
+    const { plugins: newPlugins, options } = await this.prepare(url) || {};
+    const newUrl = (options == null ? void 0 : options.url) ?? url;
+    this._sourceManager.updateSources(newUrl);
     if (newPlugins == null ? void 0 : newPlugins.length) {
-      this._callBeforePlayerInitForUrl(newPlugins, url);
+      this._callBeforePlayerInitForUrl(newPlugins, newUrl);
     } else {
-      const res = this._player.switchURL(url, false);
+      const res = this._player.switchURL(newUrl, false);
       const curTime = this._player.currentTime;
       if (res && res.then) {
         return res;
@@ -18140,15 +18369,34 @@ const ERRORS = {
 function create(errorCode, i18n) {
   return new VeError2(ERRORS[errorCode], i18n);
 }
+async function isRTMSupported() {
+  const Rtm = await load(DynamicModule.PluginRtm);
+  return Rtm.isSupported();
+}
+async function isRTMSupportCodec(codec = RTMCodec.H264) {
+  const Rtm = await load(DynamicModule.PluginRtm);
+  if (codec === RTMCodec.H264)
+    return Rtm.isSupportedH264();
+  return false;
+}
 const rtmStrategy = {
   options: {},
   module: DynamicModule.PluginRtm
 };
-const getRtmStrategy = async (options) => {
+const generateFallbackUrl = (url) => {
+  if (sniffer$1.device === "pc") {
+    return url.replace(".sdp", ".flv");
+  } else {
+    return url.replace(".sdp", ".m3u8");
+  }
+};
+const getRtmStrategy = async (options, player) => {
   var _a;
   let backupStrategy;
-  const { fallbackUrl, ...ret } = options.rtm || {};
-  const backupType = fallbackUrl && util.getStreamType(fallbackUrl);
+  const { url } = options;
+  const { fallbackUrl, enableFallback = true, ...ret } = options.rtm || {};
+  const actualFallbackUrl = !enableFallback ? "" : !fallbackUrl && url ? generateFallbackUrl(url) : fallbackUrl;
+  const backupType = actualFallbackUrl && util.getStreamType(actualFallbackUrl);
   if (backupType === "flv" && util.isMseSupported(Codec.H264)) {
     backupStrategy = createFlvMseStrategy(options);
   } else if (backupType === "hls" && (sniffer$1.device !== "mobile" || ((_a = options == null ? void 0 : options.hls) == null ? void 0 : _a.enableMSE)) && util.isMseSupported(Codec.H264)) {
@@ -18158,40 +18406,55 @@ const getRtmStrategy = async (options) => {
     load(rtmStrategy.module).catch(() => void 0),
     backupStrategy && load(backupStrategy.module).catch(() => void 0)
   ]);
+  const [RTMSupported, RTMSupportCodec] = await Promise.all([
+    isRTMSupported(),
+    isRTMSupportCodec()
+  ]);
+  if (!RTMSupported || !RTMSupportCodec) {
+    if (player) {
+      player.emit("degrade", {
+        url: actualFallbackUrl,
+        originRtmUrl: url,
+        code: "NOT_SUPPORT",
+        message: "not support rtm or h264",
+        isRTMSupported: RTMSupported,
+        isRTMSupportCodec: RTMSupportCodec
+      });
+    }
+    return {
+      options: {
+        ...(backupStrategy == null ? void 0 : backupStrategy.options) || {},
+        url: actualFallbackUrl,
+        _RTMdegrade: {
+          _originRtmUrl: url,
+          _isRTMSupported: RTMSupported,
+          _isRTMSupportCodec: RTMSupportCodec
+        }
+      },
+      plugins: backupCdn ? [backupCdn] : []
+    };
+  }
   return {
     options: {
       ...(backupStrategy == null ? void 0 : backupStrategy.options) || {},
+      _RTMdegrade: void 0,
       rts: {
         retryCount: 0,
         ...ret,
-        backupURL: fallbackUrl,
+        backupURL: actualFallbackUrl,
         backupConstruct: backupCdn
       }
     },
     plugins: rtmCdn ? [rtmCdn] : []
   };
 };
-var RTMCodec = /* @__PURE__ */ ((RTMCodec2) => {
-  RTMCodec2["H264"] = "h264";
-  return RTMCodec2;
-})(RTMCodec || {});
-const isRTMSupported = async () => {
-  const Rtm = await load(DynamicModule.PluginRtm);
-  return Rtm.isSupported();
-};
-const isRTMSupportCodec = async (codec = "h264") => {
-  const Rtm = await load(DynamicModule.PluginRtm);
-  if (codec === "h264")
-    return Rtm.isSupportedH264();
-  return false;
-};
-const getTypeStrategy = async (options) => {
+const getTypeStrategy = async (options, player) => {
   const type = options.url ? util.getStreamType(options.url) : "";
   if (!type || type === "unknown") {
     return { options: {}, plugins: [] };
   }
   if (type === "rtm") {
-    return await getRtmStrategy(options);
+    return await getRtmStrategy(options, player);
   }
   if (type === "flv") {
     return await getFlvStrategy(options);
@@ -18639,9 +18902,9 @@ function getPlayFormat(url) {
 function isCodecSupport(codec) {
   return typeof MediaSource !== "undefined" ? +MediaSource.isTypeSupported("video/mp4; codecs=" + codec) : 0;
 }
-function getUrlQuery(url, key) {
+function getUrlQuery(url, key, key2) {
   var x2 = new URLSearchParams(url.split("?")[1]);
-  return x2.get(key);
+  return x2.get(key) || x2.get(key2);
 }
 function getDeviceInfo() {
   var res = {
@@ -18668,19 +18931,11 @@ function getPlayerCore(player) {
       return player.plugins.hls;
     } else if (player.plugins.rts) {
       return player.plugins.rts;
-    } else if (player.plugins.flvlive) {
-      return player.plugins.flvlive;
-    } else if (player.plugins.hlslive) {
-      return player.plugins.hlslive;
-    } else if (player.plugins.hlsvod) {
-      return player.plugins.hlsvod;
-    } else if (player.plugins.hlslivemobile) {
-      return player.plugins.hlslivemobile;
-    } else if (player.plugins.flvlivemobile) {
-      return player.plugins.flvlivemobile;
-    }
-  }
-  return player.newHls || player.newFlv || player.__core__ || player.flv;
+    } else if (player.plugins.rtm) {
+      return player.plugins.rtm;
+    }
+  }
+  return null;
 }
 function getDefaultOptions(options) {
   return {
@@ -18909,7 +19164,7 @@ function getCommonLog(options) {
     live_sdk_version: getPlayerCore(player) || player.hlsOps ? "2" : "-1",
     player_sdk_version: player.version,
     // eslint-disable-next-line no-undef
-    logger_version: "1.1.0-alpha.5",
+    logger_version: "1.1.0-alpha.7",
     // 由rollup 在编译时注入
     report_version: "5",
     product_line: options.product_line,
@@ -19033,9 +19288,13 @@ var Manage = /* @__PURE__ */ function() {
     if (this._player.video) {
       log.play_current_time = this._player.currentTime;
     }
-    log.cdn_play_url = url && url.startsWith("//") ? window.location.protocol + url : url;
-    log.live_stream_session_id = getUrlQuery(url, "session_id");
-    log.play_format = getPlayFormat(url);
+    if (this.core && this.core.loader && this.core.loader.finnalUrl) {
+      log.cdn_play_url = this.core.loader.finnalUrl;
+    } else {
+      log.cdn_play_url = url && url.startsWith("//") ? window.location.protocol + url : url;
+    }
+    log.live_stream_session_id = getUrlQuery(log.cdn_play_url, "_session_id", "session_id");
+    log.play_format = getPlayFormat(log.cdn_play_url);
     log.timestamp = getCurrentTime();
     var _getDeviceInfo = getDeviceInfo(), cpu_core_number = _getDeviceInfo.cpu_core_number, memory_usage = _getDeviceInfo.memory_usage, network_downlink = _getDeviceInfo.network_downlink;
     log.cpu_core_number = cpu_core_number;
@@ -19261,6 +19520,11 @@ var XgLiveLogger = /* @__PURE__ */ function() {
   };
   _proto2.reportStartPlay = function reportStartPlay() {
     if (!this.started) {
+      this.core = getPlayerCore(this.player);
+      if (this.core) {
+        this.commonParams.live_sdk_version = "2";
+        this.logmanager.core = this.core;
+      }
       this.started = true;
       this.log.start_play.start_play_time = this.log.start_play.timestamp = getCurrentTime();
       this.logmanager.push(this.log.start_play, true);
@@ -19525,6 +19789,7 @@ var XgLiveLogger = /* @__PURE__ */ function() {
     this.core = getPlayerCore(this.player);
     if (this.core) {
       this.commonParams.live_sdk_version = "2";
+      this.logmanager.core = this.core;
     }
     if (this.player.config.autoplay || this.player.config.videoInit) {
       this.reportStartPlay();
@@ -20777,6 +21042,45 @@ var T = 4003, C = function() {
     this.event("predefine_pageview", n2);
   }, t2;
 }(), q = new R("default");
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  if (!getRandomValues) {
+    getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+    if (!getRandomValues) {
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    }
+  }
+  return getRandomValues(rnds8);
+}
+const byteToHex = [];
+for (let i2 = 0; i2 < 256; ++i2) {
+  byteToHex.push((i2 + 256).toString(16).slice(1));
+}
+function unsafeStringify(arr, offset = 0) {
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var native = {
+  randomUUID
+};
+function v4(options, buf, offset) {
+  if (native.randomUUID && !buf && !options) {
+    return native.randomUUID();
+  }
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)();
+  rnds[6] = rnds[6] & 15 | 64;
+  rnds[8] = rnds[8] & 63 | 128;
+  if (buf) {
+    offset = offset || 0;
+    for (let i2 = 0; i2 < 16; ++i2) {
+      buf[offset + i2] = rnds[i2];
+    }
+    return buf;
+  }
+  return unsafeStringify(rnds);
+}
 const DEVICE_ID_KEY = "veplayer_live_device_id";
 const USER_ID_Key = "veplayer_live_user_id";
 const genRandomID2 = (length) => {
@@ -20802,6 +21106,45 @@ const getUserId2 = () => {
   localStorage.setItem(USER_ID_Key, userId);
   return userId;
 };
+const generateUrlWithSessionId = (url) => {
+  var _a, _b;
+  if (!url) {
+    return "";
+  }
+  const withoutProtocol = url.startsWith("//");
+  if (withoutProtocol) {
+    url = location.protocol + url;
+  }
+  try {
+    const urlObject = new URL(url);
+    if ((_a = urlObject == null ? void 0 : urlObject.searchParams) == null ? void 0 : _a.get("_session_id")) {
+      return url;
+    }
+    (_b = urlObject == null ? void 0 : urlObject.searchParams) == null ? void 0 : _b.append("_session_id", generateSessionId());
+    return urlObject.toString();
+  } catch (error2) {
+    return url;
+  }
+};
+const hashCode = (str) => {
+  str += "";
+  let h2 = 0;
+  let off = 0;
+  const len = str.length;
+  for (let i2 = 0; i2 < len; i2++) {
+    h2 = 31 * h2 + str.charCodeAt(off++);
+    if (h2 > 140737488355327 || h2 < -140737488355328) {
+      h2 &= 281474976710655;
+    }
+  }
+  if (h2 < 0) {
+    h2 += 2251799813685247;
+  }
+  return h2;
+};
+const generateSessionId = () => {
+  return v4().replace(/-/g, "") + "." + Date.now() + "." + hashCode(v4().replace(/-/g, ""));
+};
 const CN_APPID = 468759;
 const CHANNEL = "cn";
 const CHANNEL_DOMAIN = "//mcs.volceapplog.com";
@@ -20880,10 +21223,10 @@ class Logger extends Plugin {
       user_id: this._userId,
       device_id: this._deviceId,
       ext: {
-        veplayer_version: "2.0.0-rc.2",
-        flv_version: "3.0.0-next.23",
-        hls_version: "3.0.0-next.36-1",
-        rts_version: "0.2.0-alpha.3"
+        veplayer_version: "2.1.0-rc.0",
+        flv_version: "3.0.10-alpha.4",
+        hls_version: "3.0.10-alpha.4",
+        rts_version: "0.2.0-alpha.5"
       }
     });
   }
@@ -21160,6 +21503,10 @@ const LIVE_DEFAULT_OPTIONS = {
   autoplay: { muted: true }
 };
 const LIVE_DEFAULT_PLUGINS = [...DEFAULT_PLUGINS, Refresh, Logger, InfoPanel];
+var RTMCodec = /* @__PURE__ */ ((RTMCodec2) => {
+  RTMCodec2["H264"] = "h264";
+  return RTMCodec2;
+})(RTMCodec || {});
 class VePlayerLive extends VePlayerBase {
   /**
    * @hidden
@@ -21199,6 +21546,8 @@ class VePlayerLive extends VePlayerBase {
   }
 }
 async function createLivePlayer(options) {
+  var _a, _b;
+  let player = void 0;
   if (!options || !options.url && !options.playlist) {
     throw create(ErrorCode.INVALID_PARAMETER, new VeI18n());
   }
@@ -21207,18 +21556,35 @@ async function createLivePlayer(options) {
     ...options,
     plugins: [...LIVE_DEFAULT_PLUGINS, ...options.plugins ?? []]
   };
-  const player = await VePlayerBase.create(
+  player = await VePlayerBase.create(
     {
       ...LIVE_DEFAULT_OPTIONS,
       ...finalOptions,
       isLive: true,
       i18nManager: i18n,
+      preProcessUrl: (url) => {
+        return {
+          url: generateUrlWithSessionId(url)
+        };
+      },
       async preparePlugins(url) {
-        return getTypeStrategy({ ...finalOptions, url });
+        return getTypeStrategy({ ...finalOptions, url }, player);
       }
     },
     VePlayerLive
   );
+  if (player) {
+    const RTMDegrade = (_b = (_a = player == null ? void 0 : player._player) == null ? void 0 : _a.config) == null ? void 0 : _b._RTMdegrade;
+    if (RTMDegrade) {
+      player.emit("degrade", {
+        originRtmUrl: RTMDegrade._originRtmUrl,
+        code: "NOT_SUPPORT",
+        message: "not support rtm or h264",
+        isRTMSupported: RTMDegrade._isRTMSupported,
+        isRTMSupportCodec: RTMDegrade._isRTMSupportCodec
+      });
+    }
+  }
   return player;
 }
 var live = /* @__PURE__ */ Object.freeze({