@volcengine/veplayer 2.7.0-rc.0 → 2.7.1-rc.0

package/umd/veplayer.d.ts

@@ -1214,7 +1214,38 @@ interface VePlayerBaseOptions extends Omit<PlayerOptions, "autoplay" | "i18n"> {
     /** {en}
      * @brief The URL of the player's cover image.
      */
-    poster?: string;
+    poster?: string | {
+        /** {zh}
+         * @brief 封面图 URL 地址。
+         * @default -
+         */
+        poster: string;
+        /** {zh}
+         * @brief 是否在播放结束之后显示封面图。
+         * @default true
+         */
+        isEndedShow?: boolean;
+        /** {zh}
+         * @brief 是否播放后再隐藏封面图。
+         *        - `true`：播放后隐藏，未启播时一直显示封面图。
+         *        - `false`：在 `play` 事件触发后隐藏封面图。
+         * @default false
+         */
+        hideCanplay?: boolean;
+        /** {zh}
+         * @brief 是否一直显示封面图。
+         * @default false
+         */
+        notHidden?: boolean;
+        /** {zh}
+         * @brief 封面图填充方式。取值如下：
+         *        - `fixWidth`：宽度方向填充，不会被拉伸压缩。
+         *        - `fixHeight`：高度方向填充，不会被拉伸压缩。
+         *        - `cover`：完全覆盖容器，多余部分会被裁剪。
+         *        - `contain`：完全覆盖，与容器不匹配时会被拉伸压缩。
+         */
+        fillMode?: "fixWidth" | "fixHeight" | "cover" | "contain";
+    };
     /** {zh}
      * @brief 为播放器设置初始显示语言，语言包不存在的情况下默认显示 'en' 语言包 。默认值为 `document.documentElement.getAttribute('lang') || navigator.language || 'zh-cn'`
      */
@@ -3560,7 +3591,38 @@ declare namespace strategy {
         /** {en}
          * @brief The URL of the player's cover image.
          */
-        poster?: string;
+        poster?: string | {
+            /** {zh}
+             * @brief 封面图 URL 地址。
+             * @default -
+             */
+            poster: string;
+            /** {zh}
+             * @brief 是否在播放结束之后显示封面图。
+             * @default true
+             */
+            isEndedShow?: boolean;
+            /** {zh}
+             * @brief 是否播放后再隐藏封面图。
+             *        - `true`：播放后隐藏，未启播时一直显示封面图。
+             *        - `false`：在 `play` 事件触发后隐藏封面图。
+             * @default false
+             */
+            hideCanplay?: boolean;
+            /** {zh}
+             * @brief 是否一直显示封面图。
+             * @default false
+             */
+            notHidden?: boolean;
+            /** {zh}
+             * @brief 封面图填充方式。取值如下：
+             *        - `fixWidth`：宽度方向填充，不会被拉伸压缩。
+             *        - `fixHeight`：高度方向填充，不会被拉伸压缩。
+             *        - `cover`：完全覆盖容器，多余部分会被裁剪。
+             *        - `contain`：完全覆盖，与容器不匹配时会被拉伸压缩。
+             */
+            fillMode?: "fixWidth" | "fixHeight" | "cover" | "contain";
+        };
         /** {zh}
          * @brief 为播放器设置初始显示语言，语言包不存在的情况下默认显示 'en' 语言包 。默认值为 `document.documentElement.getAttribute('lang') || navigator.language || 'zh-cn'`
          */
@@ -6324,14 +6386,12 @@ interface StatsSnapShoot {
 /** {zh}
  * @list option
  * @kind property
- * @brief FLV 直播流播放信息。
  */
 /** {en}
  * @list option
  * @kind property
- * @brief FLV live stream information.
  */
-interface FlvStats {
+interface Stats$0 {
     /** {zh}
      * @brief 音频格式。
      * @hidden
@@ -6433,33 +6493,45 @@ interface FlvStats {
      */
     samplerate: number;
     /** {zh}
-     * @brief 总共收到的字节数。
+     * @hidden
      */
     /** {en}
-     * @brief The total number of bytes received.
+     * @hidden
      */
-    totalReceivedByte: number;
+    videoCodec: string;
     /** {zh}
-     * @brief 接收所有字节消耗时长。
+     * @brief 视频宽度。
      */
     /** {en}
-     * @brief The time consumed for receiving all bytes.
+     * @brief Video wight.
      */
-    totalReceivedCost: number;
+    width: number;
+}
+/** {zh}
+ * @list option
+ * @kind property
+ * @brief FLV 直播流播放信息。
+ */
+/** {en}
+ * @list option
+ * @kind property
+ * @brief FLV live stream information.
+ */
+interface FlvStats extends Stats$0 {
     /** {zh}
-     * @hidden
+     * @brief 总共收到的字节数。
      */
     /** {en}
-     * @hidden
+     * @brief The total number of bytes received.
      */
-    videoCodec: string;
+    totalReceivedByte: number;
     /** {zh}
-     * @brief 视频宽度。
+     * @brief 接收所有字节消耗时长。
      */
     /** {en}
-     * @brief Video wight.
+     * @brief The time consumed for receiving all bytes.
      */
-    width: number;
+    totalReceivedCost: number;
 }
 /** {zh}
  * @detail api
@@ -6602,6 +6674,14 @@ declare class VePlayerLive extends VePlayerBase {
      * @brief Obtain the playback information of FLV pull streaming.
      */
     getFLVStats(): FlvStats;
+    /** {zh}
+     * @brief 获取 HLS 拉流的播放信息。
+     * @returns
+     */
+    /** {en}
+     * @brief Obtain the playback information of HLS pull streaming.
+     */
+    getHLSStats(): Stats$0;
     updatePlaylist(playlist: ExposedSource[], target?: string | {
         /** {zh}
          * @brief 清晰度唯一标识。
@@ -8965,7 +9045,38 @@ declare namespace live {
         /** {en}
          * @brief The URL of the player's cover image.
          */
-        poster?: string;
+        poster?: string | {
+            /** {zh}
+             * @brief 封面图 URL 地址。
+             * @default -
+             */
+            poster: string;
+            /** {zh}
+             * @brief 是否在播放结束之后显示封面图。
+             * @default true
+             */
+            isEndedShow?: boolean;
+            /** {zh}
+             * @brief 是否播放后再隐藏封面图。
+             *        - `true`：播放后隐藏，未启播时一直显示封面图。
+             *        - `false`：在 `play` 事件触发后隐藏封面图。
+             * @default false
+             */
+            hideCanplay?: boolean;
+            /** {zh}
+             * @brief 是否一直显示封面图。
+             * @default false
+             */
+            notHidden?: boolean;
+            /** {zh}
+             * @brief 封面图填充方式。取值如下：
+             *        - `fixWidth`：宽度方向填充，不会被拉伸压缩。
+             *        - `fixHeight`：高度方向填充，不会被拉伸压缩。
+             *        - `cover`：完全覆盖容器，多余部分会被裁剪。
+             *        - `contain`：完全覆盖，与容器不匹配时会被拉伸压缩。
+             */
+            fillMode?: "fixWidth" | "fixHeight" | "cover" | "contain";
+        };
         /** {zh}
          * @brief 为播放器设置初始显示语言，语言包不存在的情况下默认显示 'en' 语言包 。默认值为 `document.documentElement.getAttribute('lang') || navigator.language || 'zh-cn'`
          */
@@ -11944,14 +12055,12 @@ declare namespace live {
     /** {zh}
      * @list option
      * @kind property
-     * @brief FLV 直播流播放信息。
      */
     /** {en}
      * @list option
      * @kind property
-     * @brief FLV live stream information.
      */
-    interface FlvStats {
+    interface Stats$0 {
         /** {zh}
          * @brief 音频格式。
          * @hidden
@@ -12053,33 +12162,45 @@ declare namespace live {
          */
         samplerate: number;
         /** {zh}
-         * @brief 总共收到的字节数。
+         * @hidden
          */
         /** {en}
-         * @brief The total number of bytes received.
+         * @hidden
          */
-        totalReceivedByte: number;
+        videoCodec: string;
         /** {zh}
-         * @brief 接收所有字节消耗时长。
+         * @brief 视频宽度。
          */
         /** {en}
-         * @brief The time consumed for receiving all bytes.
+         * @brief Video wight.
          */
-        totalReceivedCost: number;
+        width: number;
+    }
+    /** {zh}
+     * @list option
+     * @kind property
+     * @brief FLV 直播流播放信息。
+     */
+    /** {en}
+     * @list option
+     * @kind property
+     * @brief FLV live stream information.
+     */
+    interface FlvStats extends Stats$0 {
         /** {zh}
-         * @hidden
+         * @brief 总共收到的字节数。
          */
         /** {en}
-         * @hidden
+         * @brief The total number of bytes received.
          */
-        videoCodec: string;
+        totalReceivedByte: number;
         /** {zh}
-         * @brief 视频宽度。
+         * @brief 接收所有字节消耗时长。
          */
         /** {en}
-         * @brief Video wight.
+         * @brief The time consumed for receiving all bytes.
          */
-        width: number;
+        totalReceivedCost: number;
     }
     /** {zh}
      * @detail api
@@ -12222,6 +12343,14 @@ declare namespace live {
          * @brief Obtain the playback information of FLV pull streaming.
          */
         getFLVStats(): FlvStats;
+        /** {zh}
+         * @brief 获取 HLS 拉流的播放信息。
+         * @returns
+         */
+        /** {en}
+         * @brief Obtain the playback information of HLS pull streaming.
+         */
+        getHLSStats(): Stats$0;
         updatePlaylist(playlist: ExposedSource[], target?: string | {
             /** {zh}
              * @brief 清晰度唯一标识。

package/umd/veplayer.development.css

@@ -708,7 +708,8 @@
   z-index: 8;
   display: none;
   box-sizing: border-box;
-  width: 165px;
+  width: fit-content;
+  max-width: 40%;
   height: 100%;
   padding: 10px;
   overflow-y: scroll;

package/umd/veplayer.development.js

@@ -14193,10 +14193,15 @@ var __publicField = (obj, key, value) => {
      * @param options 更多配置信息。
      */
     (options) => {
+      var _a, _b;
       const { autoplay: autoplay2, ...rest } = options;
       const xgOptions = rest;
       if (xgOptions.poster) {
-        xgOptions.poster = escapeHtml(xgOptions.poster);
+        if (typeof xgOptions.poster === "string") {
+          xgOptions.poster = escapeHtml(xgOptions.poster);
+        } else if (typeof ((_a = xgOptions.poster) == null ? void 0 : _a.poster) === "string") {
+          xgOptions.poster.poster = escapeHtml((_b = xgOptions.poster) == null ? void 0 : _b.poster);
+        }
       }
       xgOptions.icons = {
         ...DEFAULT_ICONS,
@@ -14448,7 +14453,7 @@ var __publicField = (obj, key, value) => {
      * @brief Retrieve the player SDK version number.
      */
     get playerVersion() {
-      return "2.7.0-rc.0";
+      return "2.7.1-rc.0";
     }
     /** {zh}
      * @brief 获取当前播放视频的清晰度唯一标识（definition）。
@@ -22591,7 +22596,7 @@ var __publicField = (obj, key, value) => {
         device_id: this._deviceId,
         error_report_stop: true,
         ext: {
-          veplayer_version: "2.7.0-rc.0",
+          veplayer_version: "2.7.1-rc.0",
           flv_version: "3.0.21-rc.21",
           hls_version: "3.0.21-rc.21",
           rts_version: "0.2.1-alpha.14"
@@ -22605,6 +22610,7 @@ var __publicField = (obj, key, value) => {
     return transform2 ? transform2(value) : value.toString();
   }
   function getDefaultRow(data) {
+    var _a;
     return {
       rows: [
         {
@@ -22620,7 +22626,10 @@ var __publicField = (obj, key, value) => {
         {
           key: "bitrate",
           labelTextKey: "BITRATE",
-          value: normalizeNumber(data.bitrate, (value) => `${value / 1e3} kbps`)
+          value: normalizeNumber(
+            data.bitrate,
+            (value) => `${(value / 1e3).toFixed(2)} kbps`
+          )
         },
         {
           key: "gop",
@@ -22630,7 +22639,7 @@ var __publicField = (obj, key, value) => {
         {
           key: "resolution",
           labelTextKey: "RESOLUTION",
-          value: `${normalizeNumber(data.height)} * ${normalizeNumber(
+          value: `${normalizeNumber(data.width)} * ${normalizeNumber(
             data.height
           )}`
         },
@@ -22642,14 +22651,14 @@ var __publicField = (obj, key, value) => {
         {
           key: "bufferEnd",
           labelTextKey: "BUFFER_END",
-          value: normalizeNumber(data.bufferEnd)
+          value: normalizeNumber(Number((_a = data.bufferEnd) == null ? void 0 : _a.toFixed(2)))
         },
         {
           key: "currentTime",
           labelTextKey: "CURRENT_TIME",
           value: normalizeNumber(
             data.currentTime,
-            (value) => value.toFixed(6) + "s"
+            (value) => value.toFixed(4) + "s"
           )
         }
       ]
@@ -22662,7 +22671,7 @@ var __publicField = (obj, key, value) => {
         {
           key: "decodeEfficiency",
           labelTextKey: "DECODE_EFFICIENCY",
-          value: normalizeNumber(data.decodeFps, (value) => value + "frames/s")
+          value: normalizeNumber(data.decodeFps, (value) => value + " frames/s")
         },
         {
           key: "decodeCost",
@@ -23959,6 +23968,17 @@ 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 获取 HLS 拉流的播放信息。
+     * @returns
+     */
+    /** {en}
+     * @brief Obtain the playback information of HLS pull streaming.
+     */
+    getHLSStats() {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.hls) == null ? void 0 : _c.getStats();
+    }
     async updatePlaylist(playlist, target, needUpdateProtocol = true) {
       var _a;
       if (needUpdateProtocol) {