ezuikit-js 0.6.2-beta.0 → 0.6.2

package/demos/react-demo/package.json

@@ -7,7 +7,7 @@
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
     "axios": "^0.19.2",
-    "ezuikit-js": "^0.5.2",
+    "ezuikit-js": "^0.6.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-scripts": "3.4.1"

package/demos/react-demo/src/App.js

@@ -7,24 +7,83 @@ import './App.css';
 class App extends React.Component{
   constructor(props){
     super(props);
-    this.playr = null; //定义播放器
+    this.player = null; //定义播放器
   }
   componentDidMount(){
     fetch('https://open.ys7.com/jssdk/ezopen/demo/token')
     .then(response => response.json())
     .then(res => {
       var accessToken = res.data.accessToken;
-      this.playr = new EZUIKit.EZUIKitPlayer({
+      this.player = new EZUIKit.EZUIKitPlayer({
         id: 'video-container', // 视频容器ID
         accessToken: accessToken,
         url: 'ezopen://open.ys7.com/G39444019/1.live',
-        template: 'simple', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
+        // simple - 极简版; pcLive-pc直播；pcRec-pc回放；mobileLive-移动端直播；mobileRec-移动端回放;security - 安防版;voice-语音版;
+        //template: 'simple', 
         plugin: ['talk'],                       // 加载插件，talk-对讲
         width: 600,
         height: 400,
       });
+      window.player = this.player;
     });
   }
+  play = () => {
+    var playPromise = this.player.play();
+    playPromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  stop = () => {
+    var stopPromise = this.player.stop();
+    stopPromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  getOSDTime = () => {
+    var getOSDTimePromise = this.player.getOSDTime();
+    getOSDTimePromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  capturePicture = () => {
+    var capturePicturePromise = this.player.capturePicture(`${new Date().getTime()}`);
+    capturePicturePromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  openSound = () => {
+          var openSoundPromise = this.player.openSound();
+    openSoundPromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  closeSound = () => {
+    var openSoundPromise = this.player.closeSound();
+    openSoundPromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  startSave = () => {
+          var startSavePromise = this.player.startSave(`${new Date().getTime()}`);
+    startSavePromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  stopSave = () => {
+    var stopSavePromise = this.player.stopSave();
+    stopSavePromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  ezopenStartTalk = () => {
+    this.player.startTalk();
+  }
+  ezopenStopTalk = () => {
+    this.player.stopTalk();
+  }
+  fullScreen = () => {
+    this.player.fullScreen();
+  }
   render(){
     return(
       <div className="demo">
@@ -34,16 +93,17 @@ class App extends React.Component{
         >
         </div>
         <div>
-          <button onClick={()=> this.playr.stop()}>stop</button>
-          <button onClick={()=> this.playr.openSound()}>openSound</button>
-          <button onClick={()=> this.playr.closeSound()}>closeSound</button>
-          <button onClick={()=> this.playr.startSave()}>startSave</button>
-          <button onClick={()=> this.playr.stopSave()}>stopSave</button>
-          <button onClick={()=> this.playr.capturePicture()}>capturePicture</button>
-          <button onClick={()=> this.playr.fullScreen()}>fullScreen</button>
-          <button onClick={()=> this.playr.getOSDTime()}>getOSDTime</button>
-          <button onClick={()=> this.playr.startTalk()}>开始对讲</button>
-          <button onClick={()=> this.playr.stopTalk()}>结束对讲</button>
+          <button onClick={()=> this.stop()}>stop</button>
+          <button onClick={()=> this.play()}>play</button>
+          <button onClick={()=> this.openSound()}>openSound</button>
+          <button onClick={()=> this.closeSound()}>closeSound</button>
+          <button onClick={()=> this.startSave()}>startSave</button>
+          <button onClick={()=> this.stopSave()}>stopSave</button>
+          <button onClick={()=> this.capturePicture()}>capturePicture</button>
+          <button onClick={()=> this.fullScreen()}>fullScreen</button>
+          <button onClick={()=> this.getOSDTime()}>getOSDTime</button>
+          <button onClick={()=> this.ezopenStartTalk()}>开始对讲</button>
+          <button onClick={()=> this.ezopenStopTalk()}>结束对讲</button>
         </div>
       </div>
     )

package/demos/vue-demo/package.json

@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "core-js": "^3.6.4",
-    "ezuikit-js": "^0.5.2",
+    "ezuikit-js": "^0.6.2",
     "vue": "^2.6.11"
   },
   "devDependencies": {

package/demos/vue-demo/src/components/EZUIKitJs.vue

@@ -1,6 +1,20 @@
 <template>
   <div class="hello-ezuikit-js">
     <div id="video-container" style="width:600px;height:400px"></div>
+    <div>
+      <button v-on:click="stop">stop</button>
+      <button v-on:click="play">play</button>
+      <button v-on:click="openSound">openSound</button>
+      <button v-on:click="closeSound">closeSound</button>
+      <button v-on:click="startSave">startSave</button>
+      <button v-on:click="stopSave">stopSave</button>
+      <button v-on:click="capturePicture">capturePicture</button>
+      <button v-on:click="fullScreen">fullScreen</button>
+      <button v-on:click="getOSDTime">getOSDTime</button>
+      <button v-on:click="ezopenStartTalk">开始对讲</button>
+      <button v-on:click="ezopenStopTalk">结束对讲</button>
+      <button v-on:click="destroy">销毁</button>
+    </div>
   </div>
 </template>
 
@@ -10,11 +24,6 @@ var player = null;
 
 export default {
   name: "HelloWorld",
-  // data:function () {
-  //     return {
-  //         player: null,
-  //     }
-  // },
   props: {
     msg: String
   },
@@ -28,28 +37,79 @@ export default {
           id: 'video-container', // 视频容器ID
           accessToken: accessToken,
           url: 'ezopen://open.ys7.com/G39444019/1.live',
-          template: 'simple', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
-          plugin: ['talk'],                       // 加载插件，talk-对讲
+          // simple - 极简版; pcLive-pc直播；pcRec-pc回放；mobileLive-移动端直播；mobileRec-移动端回放;security - 安防版;voice-语音版;
+          //template: 'simple',
+          plugin: ['talk'], // 加载插件，talk-对讲
           width: 600,
           height: 400,
         });
+        window.player = player;
       });
   },
   methods: {
-    change() {
-      player.stop();
-      // 切换为直播
-      player.play({
-        url:"ezopen://open.ys7.com/244640009/1.live"
-      })
-   
-      // setTimeout(()=>{
-      //   player.play({
-      //     url:"ezopen://open.ys7.com/244640009/1.live"
-      //   })      
-      // },1000)
+    play() {
+      var playPromise = player.play();
+      playPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
     },
-
+    stop() {
+      var stopPromise = player.stop();
+      stopPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    },
+    getOSDTime() {
+      var getOSDTimePromise = player.getOSDTime();
+      getOSDTimePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    },
+    capturePicture() {
+      var capturePicturePromise = player.capturePicture(`${new Date().getTime()}`);
+      capturePicturePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    },
+    openSound() {
+            var openSoundPromise = player.openSound();
+      openSoundPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    },
+    closeSound() {
+      var openSoundPromise = player.closeSound();
+      openSoundPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    },
+    startSave() {
+            var startSavePromise = player.startSave(`${new Date().getTime()}`);
+      startSavePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    },
+    stopSave() {
+      var stopSavePromise = player.stopSave();
+      stopSavePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    },
+    ezopenStartTalk() {
+      player.startTalk();
+    },
+    ezopenStopTalk() {
+      player.stopTalk();
+    },
+    fullScreen() {
+      player.fullScreen();
+    },
+    destroy() {
+      var destroyPromise = player.destroy();
+      destroyPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
   }
 };
 </script>

package/ezuikit.js

@@ -28963,7 +28963,7 @@ var officeTemplateList = [{
   updateTime: '2021-06-14T08:04:37.000Z',
   label: '官方',
   labelPic: "https://resource.eziot.com/group1/M00/00/8A/CtwQEmLr_DmANlElAAA-xyivSaw030.png",
-  poster: "https://resource.eziot.com/group1/M00/00/89/CtwQEmLl8r-AZU7wAAETKlvgerU237.png",
+  poster: "",
   header: pcLiveSimpleData.data.header,
   footer: pcLiveSimpleData.data.footer
 }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ezuikit-js",
-  "version": "0.6.2-beta.0",
+  "version": "0.6.2",
   "description": "ezuikit javascript for npm",
   "main": "ezuikit.js",
   "scripts": {