demo: update

Author: freeshineit

demos/react-demo/package.json

@@ -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/react-demo/pnpm-lock.yaml

@@ -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: 2, name: "流畅", streamTypeIn: 1 },
         //   { level: 1, name: "标清", streamTypeIn: 1 },
         // ],
       });
+
+      window.player = player.current;
     }
   }, []);
 

demos/react-demo/src/Player.js

@@ -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: 0, name: "流畅", streamTypeIn: 2 },
+        //   { level: 1, name: "标清", streamTypeIn: 1 },
+        // ],
       });
     }
     // });