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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volcengine/veplayer",
-  "version": "2.7.0-rc.0",
+  "version": "2.7.1-rc.0",
   "main": "./umd/veplayer.production.js",
   "module": "./esm/veplayer.production.js",
   "browser": "./umd/veplayer.production.js",

package/umd/index.d.ts

@@ -1083,7 +1083,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'`
      */
@@ -3387,7 +3418,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'`
          */

package/umd/veplayer.biz.live.development.css

@@ -6,7 +6,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.biz.live.development.js

@@ -2890,6 +2890,7 @@ var __publicField = (obj, key, value) => {
     return transform ? transform(value) : value.toString();
   }
   function getDefaultRow(data) {
+    var _a;
     return {
       rows: [
         {
@@ -2905,7 +2906,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",
@@ -2915,7 +2919,7 @@ var __publicField = (obj, key, value) => {
         {
           key: "resolution",
           labelTextKey: "RESOLUTION",
-          value: `${normalizeNumber(data.height)} * ${normalizeNumber(
+          value: `${normalizeNumber(data.width)} * ${normalizeNumber(
             data.height
           )}`
         },
@@ -2927,14 +2931,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"
           )
         }
       ]
@@ -2947,7 +2951,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",
@@ -4809,6 +4813,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) {

package/umd/veplayer.biz.live.production.css

@@ -1 +1 @@
-.xgplayer .veplayer-refresh{margin-left:12px}.veplayer-live-panel{position:absolute;z-index:8;display:none;box-sizing:border-box;width:165px;height:100%;padding:10px;overflow-y:scroll;color:#fff;font-weight:400;font-size:12px;background:rgba(0,0,0,.5);scrollbar-width:none;-ms-overflow-style:none}.veplayer-live-panel::-webkit-scrollbar{display:none}.veplayer-live-panel-row{display:block;overflow:hidden;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.veplayer-live-panel-row-label{display:inline-block;width:70px;color:#c9cdd4}.veplayer-live-panel-row-title{display:inline-block;padding-top:30px}
+.xgplayer .veplayer-refresh{margin-left:12px}.veplayer-live-panel{position:absolute;z-index:8;display:none;box-sizing:border-box;width:-moz-fit-content;width:fit-content;max-width:40%;height:100%;padding:10px;overflow-y:scroll;color:#fff;font-weight:400;font-size:12px;background:rgba(0,0,0,.5);scrollbar-width:none;-ms-overflow-style:none}.veplayer-live-panel::-webkit-scrollbar{display:none}.veplayer-live-panel-row{display:block;overflow:hidden;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.veplayer-live-panel-row-label{display:inline-block;width:70px;color:#c9cdd4}.veplayer-live-panel-row-title{display:inline-block;padding-top:30px}