@byteplus/veplayer 2.4.0 → 2.4.1-rc.1

package/umd/veplayer.d.ts

@@ -5920,6 +5920,20 @@ declare class VePlayerLive extends VePlayerBase {
      * @returns
      */
     getFLVStats(): FlvStats;
+    /** {zh}
+     * @brief 调用此方法开始播放 。
+     */
+    /** {en}
+     * @brief Starts playback.
+     */
+    play(): any;
+    /** {zh}
+     * @brief 调用此方法暂停播放。
+     */
+    /** {en}
+     * @brief Pauses playback.
+     */
+    pause(): void;
 }
 /** {zh}
  * @detail api
@@ -10730,6 +10744,20 @@ declare namespace live {
          * @returns
          */
         getFLVStats(): FlvStats;
+        /** {zh}
+         * @brief 调用此方法开始播放 。
+         */
+        /** {en}
+         * @brief Starts playback.
+         */
+        play(): any;
+        /** {zh}
+         * @brief 调用此方法暂停播放。
+         */
+        /** {en}
+         * @brief Pauses playback.
+         */
+        pause(): void;
     }
     /** {zh}
      * @detail api

package/umd/veplayer.development.js

@@ -1316,7 +1316,7 @@ var __publicField = (obj, key, value) => {
     android: /(Android)\s([\d.]+)/,
     ios: /(Version)\/([\d.]+)/
   };
-  var H264_MIMETYPES = ["avc1.42E01E, mp4a.40.2", "avc1.58A01E, mp4a.40.2", "avc1.4D401E, mp4a.40.2", "avc1.64001E, mp4a.40.2", "avc1.42E01E", "mp4v.20.8", "avc1.42E01E, mp4a.40.2", "avc1.58A01E, mp4a.40.2", "avc1.4D401E, mp4a.40.2", "avc1.64001E, mp4a.40.2", "mp4v.20.8, mp4a.40.2", "mp4v.20.240, mp4a.40.2"];
+  var H264_MIMETYPES = ["avc1.42E01E, mp4a.40.2", "avc1.58A01E, mp4a.40.2", "avc1.4D401E, mp4a.40.2", "avc1.64001E, mp4a.40.2", "avc1.42E01E", "mp4v.20.8", "mp4v.20.8, mp4a.40.2", "mp4v.20.240, mp4a.40.2"];
   var sniffer$1 = {
     get device() {
       var r2 = sniffer$1.os;
@@ -1461,7 +1461,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   };
-  var version = "3.0.19-rc.0";
+  var version = "3.0.20-rc.3";
   var ERROR_TYPE_MAP = {
     1: "media",
     2: "media",
@@ -3421,7 +3421,7 @@ var __publicField = (obj, key, value) => {
         if (!this.observer) {
           return;
         }
-        this.observer && this.observer.observe(target);
+        this.observer.observe(target);
         var _pid = target.getAttribute(PLATER_ID);
         var __handlers = this.__handlers;
         var index = -1;
@@ -3450,16 +3450,17 @@ var __publicField = (obj, key, value) => {
           }
         });
         try {
-          this.observer && this.observer.unobserve(target);
+          var _this$observer;
+          (_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.unobserve(target);
         } catch (e2) {
         }
-        this.observer && this.observer.unobserve(target);
         i2 > -1 && this.__handlers.splice(i2, 1);
       }
     }, {
       key: "destroyObserver",
       value: function destroyObserver() {
-        this.observer && this.observer.disconnect();
+        var _this$observer2;
+        (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
         this.observer = null;
         this.__handlers = null;
       }
@@ -3491,7 +3492,8 @@ var __publicField = (obj, key, value) => {
     return resizeObserver;
   }
   function unObserver(target, handler) {
-    resizeObserver.unObserver(target, handler);
+    var _resizeObserver;
+    (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.unObserver(target, handler);
   }
   var pluginsManager = {
     pluginGroup: {},
@@ -4489,10 +4491,7 @@ var __publicField = (obj, key, value) => {
         }
         var _this$config = _this.config, autoplay2 = _this$config.autoplay, defaultPlaybackRate = _this$config.defaultPlaybackRate;
         XG_DEBUG.logInfo("player", "canPlayFunc, startTime", _this.__startTime);
-        if (_this.__startTime > 0 && _this.duration > 0) {
-          _this.currentTime = _this.__startTime > _this.duration ? _this.duration : _this.__startTime;
-          _this.__startTime = -1;
-        }
+        _this._seekToStartTime();
         _this.playbackRate = defaultPlaybackRate;
         (autoplay2 || _this._useAutoplay) && _this.mediaPlay();
         _this.off(CANPLAY, _this.canPlayFunc);
@@ -5114,10 +5113,7 @@ var __publicField = (obj, key, value) => {
             reject(e2);
           };
           var _canplay = function _canplay2() {
-            if (_this9.duration > 0 && _this9.__startTime > 0) {
-              _this9.currentTime = _this9.__startTime;
-              _this9.__startTime = -1;
-            }
+            _this9._seekToStartTime();
             if (isPaused) {
               _this9.pause();
             }
@@ -5738,11 +5734,17 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "onLoadeddata",
       value: function onLoadeddata() {
+        var _this22 = this;
         this.isError = false;
         this.isSeeking = false;
-        if (this.__startTime > 0 && this.duration > 0) {
-          this.currentTime = this.__startTime;
-          this.__startTime = -1;
+        if (this.__startTime > 0) {
+          if (this.duration > 0) {
+            this._seekToStartTime();
+          } else {
+            this.once(DURATION_CHANGE, function() {
+              _this22._seekToStartTime();
+            });
+          }
         }
       }
     }, {
@@ -5811,27 +5813,27 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "onWaiting",
       value: function onWaiting() {
-        var _this22 = this;
+        var _this23 = this;
         if (this.waitTimer) {
           util$1.clearTimeout(this, this.waitTimer);
         }
         this.updateAcc("waiting");
         this.waitTimer = util$1.setTimeout(this, function() {
-          _this22.addClass(STATE_CLASS.LOADING);
-          _this22.emit(LOADING);
-          util$1.clearTimeout(_this22, _this22.waitTimer);
-          _this22.waitTimer = null;
+          _this23.addClass(STATE_CLASS.LOADING);
+          _this23.emit(LOADING);
+          util$1.clearTimeout(_this23, _this23.waitTimer);
+          _this23.waitTimer = null;
         }, this.config.minWaitDelay);
       }
     }, {
       key: "onPlaying",
       value: function onPlaying() {
-        var _this23 = this;
+        var _this24 = this;
         this.isError = false;
         var NO_START = STATE_CLASS.NO_START, PAUSED = STATE_CLASS.PAUSED, ENDED2 = STATE_CLASS.ENDED, ERROR2 = STATE_CLASS.ERROR, REPLAY2 = STATE_CLASS.REPLAY, LOADING2 = STATE_CLASS.LOADING;
         var clsList = [NO_START, PAUSED, ENDED2, ERROR2, REPLAY2, LOADING2];
         clsList.forEach(function(cls) {
-          _this23.removeClass(cls);
+          _this24.removeClass(cls);
         });
         if (!this._accPlayed.t && !this.paused && !this.ended) {
           this._accPlayed.t = (/* @__PURE__ */ new Date()).getTime();
@@ -5992,14 +5994,14 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "setConfig",
       value: function setConfig(config) {
-        var _this24 = this;
+        var _this25 = this;
         if (!config) {
           return;
         }
         Object.keys(config).map(function(key) {
           if (key !== "plugins") {
-            _this24.config[key] = config[key];
-            var plugin = _this24.plugins[key.toLowerCase()];
+            _this25.config[key] = config[key];
+            var plugin = _this25.plugins[key.toLowerCase()];
             if (plugin && util$1.typeOf(plugin.setConfig) === "Function") {
               plugin.setConfig(config[key]);
             }
@@ -6009,20 +6011,20 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "playNext",
       value: function playNext(config) {
-        var _this25 = this;
+        var _this26 = this;
         this.resetState();
         this.setConfig(config);
         this._currentTime = 0;
         this._duration = 0;
         runHooks(this, "playnext", function() {
-          _this25.start();
-          _this25.emit(PLAYNEXT, config);
+          _this26.start();
+          _this26.emit(PLAYNEXT, config);
         });
       }
     }, {
       key: "resize",
       value: function resize() {
-        var _this26 = this;
+        var _this27 = this;
         if (!this.media) {
           return;
         }
@@ -6062,7 +6064,7 @@ var __publicField = (obj, key, value) => {
         }
         if (!this.fullscreen && !this.cssfullscreen) {
           Object.keys(_style).forEach(function(key) {
-            _this26.root.style[key] = _style[key];
+            _this27.root.style[key] = _style[key];
           });
         }
         if (videoFillMode === "fillHeight" && fit < videoFit || videoFillMode === "fillWidth" && fit > videoFit) {
@@ -6104,6 +6106,14 @@ var __publicField = (obj, key, value) => {
           url
         };
       }
+    }, {
+      key: "_seekToStartTime",
+      value: function _seekToStartTime() {
+        if (this.__startTime > 0 && this.duration > 0) {
+          this.currentTime = this.__startTime > this.duration ? this.duration : this.__startTime;
+          this.__startTime = -1;
+        }
+      }
     }, {
       key: "state",
       get: function get() {
@@ -6154,15 +6164,15 @@ var __publicField = (obj, key, value) => {
         return this.config.definition.list || [];
       },
       set: function set(list) {
-        var _this27 = this;
+        var _this28 = this;
         var definition = this.config.definition;
         var curDef = null;
         var targetDef = null;
         definition.list = list;
         this.emit("resourceReady", list);
         list.forEach(function(item) {
-          var _this27$curDefinition;
-          if (((_this27$curDefinition = _this27.curDefinition) === null || _this27$curDefinition === void 0 ? void 0 : _this27$curDefinition.definition) === item.definition) {
+          var _this28$curDefinition;
+          if (((_this28$curDefinition = _this28.curDefinition) === null || _this28$curDefinition === void 0 ? void 0 : _this28$curDefinition.definition) === item.definition) {
             curDef = item;
           }
           if (definition.defaultDefinition === item.definition) {
@@ -8447,7 +8457,7 @@ var __publicField = (obj, key, value) => {
         }
         this.on(DURATION_CHANGE, function() {
           var player2 = _this2.player, config2 = _this2.config;
-          if (player2.duration * 1e3 < config2.moveDuration) {
+          if (player2.duration > 0 && player2.duration * 1e3 < config2.moveDuration) {
             config2.moveDuration = player2.duration * 1e3;
           }
         });
@@ -8761,10 +8771,13 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "updateBrightness",
       value: function updateBrightness(percent) {
+        var pos = this.pos, config = this.config, xgMask = this.xgMask;
+        if (!config.darkness) {
+          return;
+        }
         if (this.player.rotateDeg) {
           percent = -percent;
         }
-        var pos = this.pos, config = this.config, xgMask = this.xgMask;
         var light = pos.light + 0.8 * percent;
         light = light > config.maxDarkness ? config.maxDarkness : light < 0 ? 0 : light;
         if (xgMask) {
@@ -13746,7 +13759,7 @@ var __publicField = (obj, key, value) => {
      * @returns
      */
     get playerVersion() {
-      return "2.4.0";
+      return "2.4.1-rc.1";
     }
     /** {zh}
      * @brief 获取当前播放视频的清晰度唯一标识（definition）。
@@ -19067,6 +19080,29 @@ var __publicField = (obj, key, value) => {
       return RtmPlugin.isSupportedH264();
     return false;
   }
+  const getAbrStrategy = async (options) => {
+    var _a, _b;
+    const streamType = options.url && getStreamType(options.url);
+    if (streamType === "rtm") {
+      return {};
+    }
+    const abrOptions = streamType === "flv" ? (_a = options == null ? void 0 : options.flv) == null ? void 0 : _a.abr : (_b = options == null ? void 0 : options.hls) == null ? void 0 : _b.abr;
+    if (!abrOptions) {
+      return {};
+    }
+    const abrPlugin = await load(DynamicModule.PluginAbr).catch(() => void 0);
+    return {
+      options: {
+        [streamType === "flv" ? "abr" : "hlsabr"]: {
+          ...abrOptions,
+          open: abrOptions.enable ?? true
+        }
+      },
+      plugins: [
+        streamType === "flv" ? abrPlugin == null ? void 0 : abrPlugin.AbrPlugin : abrPlugin == null ? void 0 : abrPlugin.HlsAbrPlugin
+      ]
+    };
+  };
   const rtmStrategy = {
     options: {},
     module: DynamicModule.PluginRtm
@@ -19081,6 +19117,8 @@ var __publicField = (obj, key, value) => {
   const getRtmStrategy = async (options, player) => {
     var _a;
     let backupStrategy;
+    let backupOptions = {};
+    let backupModule = [];
     const { url } = options;
     const {
       fallbackUrl,
@@ -19095,7 +19133,7 @@ var __publicField = (obj, key, value) => {
     } else if (backupType === "hls" && (sniffer$1.device !== "mobile" || ((_a = options == null ? void 0 : options.hls) == null ? void 0 : _a.enableMSE)) && util.isMseSupported(Codec.H264)) {
       backupStrategy = createHlsMseStrategy(options);
     }
-    const [rtmCdn, backupCdn] = await Promise.all([
+    const [rtmCdn, backupCdn, backupAbr] = await Promise.all([
       load(rtmStrategy.module).then((module2) => {
         return module2.RtmPlugin;
       }).catch(() => void 0),
@@ -19105,8 +19143,18 @@ var __publicField = (obj, key, value) => {
         } else if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule.PluginHls) {
           return module2.HlsPlugin;
         }
-      }).catch(() => void 0)
+      }).catch(() => void 0),
+      getAbrStrategy({ ...options, url: actualFallbackUrl }).catch(
+        () => void 0
+      )
     ]);
+    if (backupType) {
+      backupOptions = {
+        ...backupStrategy == null ? void 0 : backupStrategy.options,
+        ...backupAbr == null ? void 0 : backupAbr.options
+      };
+      backupModule = [backupCdn, ...(backupAbr == null ? void 0 : backupAbr.plugins) ?? []];
+    }
     const [RTMSupported, RTMSupportCodec] = await Promise.all([
       isRTMSupported(),
       isRTMSupportCodec()
@@ -19124,7 +19172,7 @@ var __publicField = (obj, key, value) => {
       }
       return {
         options: {
-          ...(backupStrategy == null ? void 0 : backupStrategy.options) || {},
+          ...backupOptions || {},
           url: actualFallbackUrl,
           _RTMdegrade: {
             _originRtmUrl: url,
@@ -19132,19 +19180,19 @@ var __publicField = (obj, key, value) => {
             _isRTMSupportCodec: RTMSupportCodec
           }
         },
-        plugins: backupCdn ? [backupCdn] : []
+        plugins: backupModule
       };
     }
     return {
       options: {
-        ...(backupStrategy == null ? void 0 : backupStrategy.options) || {},
+        ...backupOptions || {},
         url: enableRTMAutoTranscode ? util.appendSearchParams(url, { enableRTMAutoTranscode: "true" }) : void 0,
         _RTMdegrade: void 0,
         rts: {
           retryCount: 0,
           ...ret,
           backupURL: actualFallbackUrl,
-          backupConstruct: backupCdn
+          backupConstruct: backupModule
         }
       },
       plugins: rtmCdn ? [rtmCdn] : []
@@ -21998,10 +22046,10 @@ var __publicField = (obj, key, value) => {
         user_id: this._userId,
         device_id: this._deviceId,
         ext: {
-          veplayer_version: "2.4.0",
-          flv_version: "3.0.19-rc.0",
-          hls_version: "3.0.19-rc.0",
-          rts_version: "0.2.1-alpha.0"
+          veplayer_version: "2.4.1-rc.1",
+          flv_version: "3.0.20-rc.3",
+          hls_version: "3.0.20-rc.3",
+          rts_version: "0.2.1-alpha.1"
         }
       });
     }
@@ -22295,29 +22343,6 @@ var __publicField = (obj, key, value) => {
     }
     return {};
   };
-  const getAbrStrategy = async (options) => {
-    var _a, _b;
-    const streamType = options.url && getStreamType(options.url);
-    if (streamType === "rtm") {
-      return {};
-    }
-    const abrOptions = streamType === "flv" ? (_a = options == null ? void 0 : options.flv) == null ? void 0 : _a.abr : (_b = options == null ? void 0 : options.hls) == null ? void 0 : _b.abr;
-    if (!abrOptions) {
-      return {};
-    }
-    const abrPlugin = await load(DynamicModule.PluginAbr).catch(() => void 0);
-    return {
-      options: {
-        [streamType === "flv" ? "abr" : "hlsabr"]: {
-          ...abrOptions,
-          open: abrOptions.enable ?? true
-        }
-      },
-      plugins: [
-        streamType === "flv" ? abrPlugin == null ? void 0 : abrPlugin.AbrPlugin : abrPlugin == null ? void 0 : abrPlugin.HlsAbrPlugin
-      ]
-    };
-  };
   VeI18n.extend([
     {
       LANG: "zh-cn",
@@ -22489,6 +22514,28 @@ var __publicField = (obj, key, value) => {
       var _a, _b, _c;
       return (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.flv) == null ? void 0 : _c.getStats();
     }
+    /** {zh}
+     * @brief 调用此方法开始播放 。
+     */
+    /** {en}
+     * @brief Starts playback.
+     */
+    play() {
+      this.openAbr();
+      /* istanbul ignore next -- @preserve */
+      return this._player.play();
+    }
+    /** {zh}
+     * @brief 调用此方法暂停播放。
+     */
+    /** {en}
+     * @brief Pauses playback.
+     */
+    pause() {
+      this.closeAbr();
+      /* istanbul ignore next -- @preserve */
+      return this._player.pause();
+    }
   }
   async function createLivePlayer(options) {
     var _a, _b;

package/umd/veplayer.live.d.ts

@@ -5920,6 +5920,20 @@ declare class VePlayerLive extends VePlayerBase {
      * @returns
      */
     getFLVStats(): FlvStats;
+    /** {zh}
+     * @brief 调用此方法开始播放 。
+     */
+    /** {en}
+     * @brief Starts playback.
+     */
+    play(): any;
+    /** {zh}
+     * @brief 调用此方法暂停播放。
+     */
+    /** {en}
+     * @brief Pauses playback.
+     */
+    pause(): void;
 }
 /** {zh}
  * @detail api
@@ -10730,6 +10744,20 @@ declare namespace live {
          * @returns
          */
         getFLVStats(): FlvStats;
+        /** {zh}
+         * @brief 调用此方法开始播放 。
+         */
+        /** {en}
+         * @brief Starts playback.
+         */
+        play(): any;
+        /** {zh}
+         * @brief 调用此方法暂停播放。
+         */
+        /** {en}
+         * @brief Pauses playback.
+         */
+        pause(): void;
     }
     /** {zh}
      * @detail api