新增萤石视频

package.json

@@ -42,6 +42,7 @@
     "core-js": "3.37.1",
     "echarts": "5.4.0",
     "element-ui": "2.15.14",
+    "ezuikit-js": "^8.0.8",
     "file-saver": "2.0.5",
     "fuse.js": "6.4.3",
     "highlight.js": "9.18.5",

src/components/TopNav/index.vue

@@ -50,7 +50,7 @@ export default {
           name: '首页',
         },
         {
-          path: '/employee/employee',
+          path: '/yingshi/yingshi',
           icon: 'el-icon-user',
           name: '员工信息',
         },

src/router/index.js

@@ -131,15 +131,15 @@ export const constantRoutes = [
     ]
   },
   {
-    path: '/employee',
+    path: '/yingshi',
     component: Layout,
     hidden: false,
-    redirect: 'employee',
+    redirect: 'yingshi',
     children: [
       {
-        path: 'employee',
-        component: () => import('@/views/employee/index'),
-        name: 'employee',
+        path: 'yingshi',
+        component: () => import('@/views/video/yingshi.vue'),
+        name: 'yingshi',
         meta: { title: '员工信息', icon: 'user' }
       }
     ]

src/views/video/yingshi.vue

+
+<template>
+  <div class="hello-ezuikit-js">
+    <div id="video-container"
+         style="width: 920px; height: 400px">
+      <el-button @click="fulScreen">全屏</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import EZUIKit from '../../../public/js/ezuikit'  //引入第三方插件
+export default {
+  name: 'EZUIKitJs',
+  data() {
+    return {
+      player: null,
+    }
+  },
+
+  mounted() {
+    console.log('mounted 组件挂载完毕状态=======》.')
+    let accessToken = 'at.72lfl37x1gy7qg868wwtvsv02b1gq2if-9dcvoptaky-15eq2k5-ljpwdyhhc'
+    // let accessUrl = 'at.divbz5775o6e5hvi6pu7ca2k8zwhqp7y-9693moz9ua-1rus2dr-gik15mzz8'
+    let accessUrl = 'ezopen://open.ys7.com/AW5687499/1.live'
+    this.player = new EZUIKit.EZUIKitPlayer({
+      id: 'video-container', // 视频容器ID
+      accessToken: accessToken,
+      url: accessUrl,
+      // simple - 极简版; pcLive-pc直播；pcRec-pc回放；  mobileLive-移动端直播；mobileRec-移动端回放;security - 安防版;voice-语音版;
+      template: '6ab9d0384ff5459cbe86adff53eac251', //模板
+      plugin: ['talk'], // 加载插件，talk-对讲
+      width: 920,
+      height: 400,
+    })
+  },
+  methods: {
+    fulScreen() {
+      this.player.fullScreen()
+    }
+  }
+}
+</script>

vue.config.js

@@ -35,7 +35,7 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://192.168.10.129:8080`,
+        target: `http://127.0.0.1:8087`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''