Merge pull request #351 from Ezviz-OpenBiz/develop

fixed: set quality can't autoplay

Author: freeshineit

.gitignore

@@ -4,7 +4,6 @@ coverage
 .nyc_output
 .DS_Store
 *.log
-.vscode
 .idea
 dist
 compiled

README.md

@@ -270,7 +270,7 @@ themeData将主题数据本地化，设置本地数据，需要删除template参
 <tr><td>language</td><td>String</td><td>多语言 （zh | en）, 默认zh (v8.0.8版本及以上支持)</td><td>N</td></tr>
 <tr><td>debugDownloadData</td><td>boolean</td><td>下载原始码流， 调试码流使用, 默认 false (v8.1.1版本及以上支持)</td><td>N</td></tr>
 <tr><td>disableRenderPrivateData</td><td>boolean</td><td>禁止渲染私有数据(如智能分析， 移动侦测， 火点信息等), 默认 false (v8.1.1版本及以上支持)</td><td>N</td></tr>
-<tr><td>quality</td><td>0 | 1 | 2 | 3 | 4 | 5 | 6 | pp | qp</td><td>预览初始化支持指定清晰度进行播放, 默认 undefined (v8.1.5版本及以上支持)， 0: 流畅； 1: 标清; 2: 高清; 3: 超清; 4: 极清; 5: 3K; 6: 4K ; "pp"： "性能优先 (Performance Priority)"; "qp": "画质优先(Quality Priority)"。</td><td>N</td></tr>
+<tr><td>quality</td><td>0 | 1 | 2 | 3 | 4 | 5 | 6 | pp | qp</td><td>预览初始化支持指定清晰度进行播放, 默认 undefined (v8.1.5版本及以上支持)， 0: 流畅； 1: 标清; 2: 高清; 3: 超清; 4: 极清; 5: 3K; 6: 4K ; "pp"： "性能优先 (Performance Priority)"; "qp": "画质优先(Quality Priority)"。 如果没有命中，默认取上次的设置</td><td>N</td></tr>
 <tr><td>loggerOptions</td><td> {name: string, level: "INFO" | "LOG" | "WARN" | "ERROR" , showTime: boolean}</td><td>本地日志设置， 默认值 {name: "ezuikit", level: "INFO", showTime: true}, 支持动态设置请参考 <a href="#日志设置">setLoggerOptions(options)</a> (v8.1.9版本及以上支持)</td><td>N</td></tr>
 <tr><td>streamInfoCBType</td><td>  0 | 1 </td><td>  流信息回调类型，监听 streamInfoCB 事件, 0 : 每次都回调（会影响性能）, 1 : 只回调一次, 默认值 1 (v8.1.9版本及以上支持)</td><td>N</td></tr>
 

demos/base-demo/ezuikit.js

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "ezuikit-js": "8.1.12-beta.1",
+    "ezuikit-js": "8.1.12-beta.2",
     "react": "^17",
     "react-dom": "^17",
     "react-scripts": "5.0.1",

demos/nginx-demo/html/ezuikit.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useRef } from "react";
-import EZUIKit from "ezuikit-js";
+import { EZUIKitPlayer } from "ezuikit-js";
 import { isMobile } from "./utils";
 
 const Player = () => {
@@ -27,14 +27,16 @@ const Player = () => {
         player.current = null;
       }
 
-      player.current = new EZUIKit.EZUIKitPlayer({
+      // https://github.com/Ezviz-OpenBiz/EZUIKit-JavaScript-npm?tab=readme-ov-file#%E9%99%84%E5%BD%95-%E5%88%9D%E5%A7%8B%E5%8C%96%E5%8F%82%E6%95%B0%E8%AF%B4%E6%98%8E
+      player.current = new EZUIKitPlayer({
         id: "player-container",
         url: urlRef.current.value, // "ezopen://open.ys7.com/BB9480953/1.hd.live",
         accessToken: accessTokenRef.current.value, // "at.2ec3m7dga2v59cps6rv0d1haa2vqsjka-1lbu5f5hyi-1j9rleq-npvuluse",
         width,
         height,
         template: "pcLive",
         language: "en", // zh | en
+        // quality: 1, // 
         // isCloudRecord: true, // 如果是云录制的播放 需要这个值，是必须的
         env: {
           // https://open.ys7.com/help/1772?h=domain
@@ -62,10 +64,12 @@ const Player = () => {
         // v8.1.10
         // 自定义清晰度 默认 null, 如果有值 sdk 内部不在进行获取, null 默认使用接口获取的清晰度列表, videoLevelList.length === 0 不展示清晰度控件 sdk 内部不在进行获取, videoLevelList.length > 0 展示控件 sdk 内部不在进行获取
         // videoLevelList: [
-        //   { level: 0, name: "流畅", streamTypeIn: 1 },
-        //   { level: 1, name: "标清", streamTypeIn: 1 },
+        //   { level: 1, name: "标清", streamTypeIn: 2 }, // 需要保证支持子码流 (streamTypeIn=2)
+        //   { level: 2, name: "高清", streamTypeIn: 1 },
         // ],
       });
+
+      window.player = player.current;
     }
   }, []);
 

demos/react-demo/package.json

@@ -1,5 +1,6 @@
 import React from "react";
-import EZUIKit from "ezuikit-js";
+import { EZUIKitPlayer } from "ezuikit-js";
+
 
 let player = null;
 
@@ -23,16 +24,17 @@ class App extends React.Component {
     }
 
     if (document.getElementById("player-container")) {
-      player = new EZUIKit.EZUIKitPlayer({
+      player = new EZUIKitPlayer({
         id: "player-container", // 视频容器ID
         url: "ezopen://open.ys7.com/BC7799091/1.hd.live",
         accessToken:
-          "at.d525oyj8d7bwohb40ssn3266cfq2mwi2-8hgpypehn9-1fafaty-ea2fxbc1",
+          "at.2s5bel782emtho68ae31snumc1wuuioa-3d531vj77f-0gtnx7g-fddkee44",
         // simple:极简版; pcLive: pc直播; pcRec: pc回放; mobileLive: 移动端直播; mobileRec: 移动端回放; security: 安防版; voice: 语音版;
         template: "pcLive",
         plugin: ["talk"], // 加载插件，talk-对讲
         width: 600,
         height: 400,
+        quality: 1, // 
         handleFirstFrameDisplay: (res) => {
           // 首帧
         },
@@ -50,10 +52,10 @@ class App extends React.Component {
         },
         // v8.1.10
         // 自定义清晰度 默认 null, 如果有值 sdk 内部不在进行获取, null 默认使用接口获取的清晰度列表, videoLevelList.length === 0 不展示清晰度控件 sdk 内部不在进行获取, videoLevelList.length > 0 展示控件 sdk 内部不在进行获取
-        videoLevelList: [
-          { level: 0, name: "流畅", streamTypeIn: 2 },
-          { level: 1, name: "标清", streamTypeIn: 1 },
-        ],
+        // videoLevelList: [
+        //   { level: 1, name: "标清", streamTypeIn: 2 }, // 需要保证支持子码流 (streamTypeIn=2)
+        //   { level: 2, name: "高清", streamTypeIn: 1 },
+        // ],
       });
     }
     // });

demos/react-demo/pnpm-lock.yaml

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
-    "ezuikit-js": "^8.1.12",
+    "ezuikit-js": "8.1.12-beta.2",
     "vue": "^2.7"
   },
   "devDependencies": {