Merge pull request #392 from Ezviz-OpenBiz/develop

demo: update

Author: freeshineit

README.md

@@ -281,6 +281,8 @@ themeData将主题数据本地化，设置本地数据，需要删除template参
 <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>
 
+<tr><td>isCloudRecord</td><td> boolean </td><td>适用 8.1.x 云录制，8.2.x 已移除并默认支持云录制</td><td>N</td></tr>
+
 <tr><td><a href="./videoLevelList.md" target="_blank">videoLevelList</a></td><td> <span>Array<{ </br>/** 清晰度 */</br>level: number, </br>/** 名称 */ </br>name: string, </br> /**1: 主码流,2: 子码流*/</br>streamTypeIn: 1 | 2 }> <span>| null </td><td>  自定义清晰度列表，默认null, 如果有值 sdk 内部不在进行获取, 为 null 使用接口获取的清晰度列表, videoLevelList.length === 0 不展示清晰度控件 sdk 内部不在进行获取, videoLevelList.length > 0 展示控件 sdk 内部不在进行获取 (v8.1.10版本及以上支持);
 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
 </td><td>N</td></tr>

demos/react-demo/src/PlayerClass.js

@@ -56,6 +56,10 @@ class Player extends React.Component {
         //   { level: 1, name: "标清", streamTypeIn: 2 }, // 需要保证支持子码流 (streamTypeIn=2)
         //   { level: 2, name: "高清", streamTypeIn: 1 },
         // ],
+        // videoLevelList: [
+        //   { level: -1, name: "标清", streamTypeIn: 2 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+        //   { level: -2, name: "高清", streamTypeIn: 1 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+        // ]
       });
     }
     // });

demos/vue-demo/src/components/Player.vue

@@ -108,6 +108,10 @@ export default {
         //   { level: 1, name: "标清", streamTypeIn: 2 }, // 需要保证支持子码流 (streamTypeIn=2)
         //   { level: 2, name: "高清", streamTypeIn: 1 },
         // ],
+        // videoLevelList: [
+        //   { level: -1, name: "标清", streamTypeIn: 2 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+        //   { level: -2, name: "高清", streamTypeIn: 1 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+        // ]
       });
 
       // 8.1.x 事件监听

demos/vue3-demo/src/components/Player.vue

@@ -147,6 +147,10 @@ const init = () => {
     //   { level: 1, name: "标清", streamTypeIn: 2 }, // 需要保证支持子码流 (streamTypeIn=2)
     //   { level: 2, name: "高清", streamTypeIn: 1 },
     // ],
+    // videoLevelList: [
+    //   { level: -1, name: "标清", streamTypeIn: 2 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+    //   { level: -2, name: "高清", streamTypeIn: 1 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+    // ]
   });
 
       // 8.1.x 事件监听

demos/with-electron/src/index.html

@@ -103,6 +103,10 @@ <h2>视频模式使用示例：</h2>
             //   { level: 1, name: "标清", streamTypeIn: 2 }, // 需要保证支持子码流 (streamTypeIn=2)
             //   { level: 2, name: "高清", streamTypeIn: 1 },
             // ],
+            // videoLevelList: [
+            //   { level: -1, name: "标清", streamTypeIn: 2 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+            //   { level: -2, name: "高清", streamTypeIn: 1 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+            // ]
           });
 
           // 8.1.x 事件监听

demos/with-next/src/components/Player.tsx

@@ -82,6 +82,10 @@ const Player = () => {
           //   { level: 1, name: "标清", streamTypeIn: 2 }, // 需要保证支持子码流 (streamTypeIn=2)
           //   { level: 2, name: "高清", streamTypeIn: 1 },
           // ],
+          // videoLevelList: [
+          //   { level: -1, name: "标清", streamTypeIn: 2 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+          //   { level: -2, name: "高清", streamTypeIn: 1 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+          // ]
         });
       }
 

demos/with-react-vite/src/Player.tsx

@@ -80,6 +80,10 @@ const Player = () => {
         //   { level: 1, name: "标清", streamTypeIn: 2 }, // 需要保证支持子码流 (streamTypeIn=2)
         //   { level: 2, name: "高清", streamTypeIn: 1 },
         // ],
+        // videoLevelList: [
+        //   { level: -1, name: "标清", streamTypeIn: 2 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+        //   { level: -2, name: "高清", streamTypeIn: 1 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+        // ]
       });
 
       (window as any).player = player.current;

demos/with-uniapp-vue2/README.md

@@ -1,5 +1,7 @@
 # with-uniapp-vue2
 
+仅支持 H5 (web 环境)
+
 ## Project setup
 ```
 ## 强制使用 yarn 安装依赖
@@ -29,3 +31,5 @@ https://github.com/Ezviz-OpenBiz/EZUIKit-JavaScript-npm/tree/master/demos/with-u
 
 https://github.com/Ezviz-OpenBiz/UniEzOpenSDK
 
+
+

demos/with-uniapp-vue2/package.json

@@ -35,7 +35,7 @@
     "@dcloudio/uni-stat": "^2.0.2-4070520250711001",
     "@vue/shared": "^3.0.0",
     "core-js": "^3.8.3",
-    "ezuikit-js": "8.1.16",
+    "ezuikit-js": "8.2.0",
     "flyio": "^0.6.2",
     "vue": ">= 2.6.14 < 2.7",
     "vue-class-component": "^6.3.2",

demos/with-uniapp-vue2/src/components/Player.vue

@@ -45,7 +45,7 @@ export default {
       player = new EZUIKitPlayer({
         id: "video-container", // 视频容器ID
         accessToken:
-          "at.a2kfdvx06shai2749ofnby6607q6io0a-1apef6y5tr-1p1z09q-tp5zvd5kj",
+          "at.9uoaxo0k3e5dinq8bretm18e5l37k1l6-26lx1qcvcc-1neesaz-kh9hqvqc3",
         url: "ezopen://open.ys7.com/BC7799091/1.hd.live",
         // simple: 极简版; pcLive: pc直播; pcRec: pc回放; mobileLive: 移动端直播; mobileRec: 移动端回放;security: 安防版; voice: 语音版;
         template: "mobileLive",
@@ -62,6 +62,8 @@ export default {
         // quality: 1, // 
         // language: "en", // zh | en
         // staticPath: "/ezuikit_static", // 如果想使用本地静态资源，请复制根目录下ezuikit_static 到当前目录下， 然后设置该值
+        // isCloudRecord: true, // 如果是云录制的播放 需要这个值，是必须的, 8.2.0 开始 默认支持
+        scaleMode: 1, // 默认 0 完全填充窗口，会有拉伸 1: 等比适配 2: 等比完全填充窗口, 超出隐藏 @sine 8.2.0
         env: {
           // https://open.ys7.com/help/1772?h=domain
           // domain默认是 https://open.ys7.com, 如果是私有化部署或海外的环境，请配置对应的domain
@@ -92,6 +94,10 @@ export default {
         //   { level: 1, name: "标清", streamTypeIn: 2 }, // 需要保证支持子码流 (streamTypeIn=2)
         //   { level: 2, name: "高清", streamTypeIn: 1 },
         // ],
+        // videoLevelList: [
+        //   { level: -1, name: "标清", streamTypeIn: 2 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+        //   { level: -2, name: "高清", streamTypeIn: 1 }, // 8.1.17 开始 当 level 的值小于 0时， 不在向设备发送指令，仅根据 streamTypeIn 切换码流 （请保证 streamTypeIn 对应的码流存在）
+        // ]
       });
 
       player.eventEmitter.on(EZUIKitPlayer.EVENTS.videoInfo, (info) => {