feat: add ezuikit-js

Author: freeshineit

demos/with-uniapp-vue2/package.json

@@ -72,6 +72,7 @@
     "@dcloudio/uni-stat": "^2.0.2-4070520250711001",
     "@vue/shared": "^3.0.0",
     "core-js": "^3.8.3",
+    "ezuikit-js": "8.1.12-beta.2",
     "flyio": "^0.6.2",
     "vue": ">= 2.6.14 < 2.7",
     "vue-class-component": "^6.3.2",

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

@@ -0,0 +1,185 @@
+<template>
+  <div class="hello-ezuikit-js">
+    <div>
+      <div id="video-container" style="width: 100%;height: 300px"></div>
+    </div>
+    <div>
+      <button v-on:click="init">init</button>
+      <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="startTalk">startTalk</button>
+      <button v-on:click="stopTalk">stopTalk</button>
+      <button v-on:click="destroy">destroy</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { EZUIKitPlayer } from "ezuikit-js";
+var player = null;
+
+export default {
+  name: "Player",
+  props: {
+    msg: String,
+  },
+  mounted: () => {
+    console.group("mounted 组件挂载完毕状态===============》");
+  },
+  methods: {
+    init() {
+      if (player) {
+        this.destroy();
+      }
+
+      const systemInfo = uni.getSystemInfoSync();
+      const windowWidth = systemInfo.windowWidth;
+
+      player = new EZUIKitPlayer({
+        id: "video-container", // 视频容器ID
+        accessToken:
+          "at.4dd7o6hgdb9ywl9c283g0hj27e789uru-2a5ejk6tkf-19b1cb1-azyfqm3a",
+        url: "ezopen://open.ys7.com/C69625501/1.hd.live",
+        // simple: 极简版; pcLive: pc直播; pcRec: pc回放; mobileLive: 移动端直播; mobileRec: 移动端回放;security: 安防版; voice: 语音版;
+        template: "mobileLive",
+        plugin: ["talk"], // 加载插件，talk-对讲
+        width: windowWidth || 375,
+        height: 300,
+        handleError: (error) => {
+          console.error("handleError", error);
+        },
+        // quality: 1, // 
+        // language: "en", // zh | en
+        // staticPath: "/ezuikit_static", // 如果想使用本地静态资源，请复制根目录下ezuikit_static 到当前目录下， 然后设置该值
+        env: {
+          // https://open.ys7.com/help/1772?h=domain
+          // domain默认是 https://open.ys7.com, 如果是私有化部署或海外的环境，请配置对应的domain
+          // The default domain is https://open.ys7.com If it is a private deployment or overseas (outside of China) environment, please configure the corresponding domain
+          domain: "https://open.ys7.com",
+        },
+        // staticPath:"https://openstatic.ys7.com/ezuikit_js/v8.1.9/ezuikit_static",
+        // 日志打印设置
+        loggerOptions: {
+          // player.setLoggerOptions(options)
+          level: "INFO", // INFO LOG  WARN  ERROR
+          name: "ezuikit",
+          showTime: true,
+        },
+        // 视频流的信息回调类型
+        /**
+         * 打开流信息回调，监听 streamInfoCB 事件
+         * 0 : 每次都回调
+         * 1 : 只回调一次
+         * 注意：会影响性能
+         * 默认值 1
+         */
+        streamInfoCBType: 1,
+        // v8.1.10
+        // 自定义清晰度 默认 null, 如果有值 sdk 内部不在进行获取, null 默认使用接口获取的清晰度列表, videoLevelList.length === 0 不展示清晰度控件 sdk 内部不在进行获取, videoLevelList.length > 0 展示控件 sdk 内部不在进行获取
+        // videoLevelList: [
+        //   { level: 1, name: "标清", streamTypeIn: 2 }, // 需要保证支持子码流 (streamTypeIn=2)
+        //   { level: 2, name: "高清", streamTypeIn: 1 },
+        // ],
+      });
+
+      player.eventEmitter.on(EZUIKitPlayer.EVENTS.videoInfo, (info) => {
+        console.log("videoinfo", info);
+      });
+
+      player.eventEmitter.on(EZUIKitPlayer.EVENTS.audioInfo, (info) => {
+        console.log("audioInfo", info);
+      });
+
+      // 首帧渲染成功
+      // first frame display
+      player.eventEmitter.on(
+        EZUIKitPlayer.EVENTS.firstFrameDisplay,
+        () => {
+          console.log("firstFrameDisplay ");
+        }
+      );
+      player.eventEmitter.on(
+        EZUIKitPlayer.EVENTS.streamInfoCB,
+        (info) => {
+          console.log("streamInfoCB ", info);
+        }
+      );
+
+      window.player = player;
+    },
+    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);
+      });
+    },
+    startTalk() {
+      player.startTalk();
+    },
+    stopTalk() {
+      player.stopTalk();
+    },
+    fullScreen() {
+      player.fullScreen();
+    },
+    destroy() {
+      var destroyPromise = player.destroy();
+      destroyPromise.then((data) => {
+        console.log("promise 获取 数据", data);
+      });
+      player = null;
+    },
+  },
+};
+</script>

demos/with-uniapp-vue2/src/pages/index/index.vue

@@ -4,13 +4,20 @@
 		<view>
             <text class="title">{{title}}</text>
         </view>
+		<view>
+        	<Player />
+		</view>
 	</view>
 </template>
 
 <script lang="ts">
   import Vue from 'vue';
+  import Player from "../../components/Player.vue";
 
 	export default Vue.extend({
+		components: {
+			Player,
+		},
 		data() {
 			return {
 				title: 'Hello'