视频监控 token请求限制

src/components/EZUIKitJs.vue

@@ -39,6 +39,7 @@
 import EZUIKit from "ezuikit-js";
 import axios from "axios";
 import { getVideoInfo } from "./config";
+import Cookies from 'js-cookie'
 const request = axios.create({});
 request.defaults.headers["Content-Type"] =
   "application/x-www-form-urlencoded; charset=UTF-8";
@@ -110,12 +111,8 @@ export default {
     //     this.createVideo2(item);
     //   }
     },
-
-    createVideo(item) {
-      // this.getAccessToken(this.info.appKey, this.info.appSecret).then(
-      //   (accessToken) => {
-          const accessToken = 'at.9bf73w9c7z4a6bkb1iob0h479tve833z-8s35b0g4sg-0q1tkay-mtegb0yzd';
-          var url = this.getUrl(item);
+    videoInit(accessToken1){
+          const accessToken = accessToken1 || 'at.9bf73w9c7z4a6bkb1iob0h479tve833z-8s35b0g4sg-0q1tkay-mtegb0yzd';
           this.player = new EZUIKit.EZUIKitPlayer({
             autoplay: true,
             id: "video-container",
@@ -123,6 +120,18 @@ export default {
             // url: url,
             url: 'ezopen://open.ys7.com/AX8345878/1.hd.live',
             template: "simple", //"standard", // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
+
+          });
+
+          this.player2 = new EZUIKit.EZUIKitPlayer({
+            autoplay: true,
+            id: "video-container2",
+            accessToken: accessToken,
+            url: 'ezopen://open.ys7.com/AX8345878/2.hd.live',
+            template: "simple",// simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
+            // footer: ["fullScreen"],
+          });
+
             // 视频上方头部控件
             //header: ["capturePicture", "save", "zoom"], // 如果templete参数不为simple,该字段将被覆盖
             //plugin: ['talk'],                       // 加载插件，talk-对讲
@@ -136,17 +145,24 @@ export default {
             // capturePictureCallBack: data => console.log("截图成功回调", data),
             // fullScreenCallBack: data => console.log("全屏回调", data),
             // getOSDTimeCallBack: data => console.log("获取OSDTime回调", data),
-          });
+    },
+    createVideo(item) {
+      if(Cookies.get('token4ysy')){
+        this.videoInit(Cookies.get('token4ysy'))
+      }else{
+        this.getAccessToken(this.info.appKey, this.info.appSecret).then(
+        (data) => {
+          const accessToken = data['accessToken']
+          console.log('expireTime', data["expireTime"])
+          let expireTime = new Date(data["expireTime"]);
+          expireTime.setDate(expireTime.getDate() - 2); // 5过期
 
-          this.player2 = new EZUIKit.EZUIKitPlayer({
-            autoplay: true,
-            id: "video-container2",
-            accessToken: accessToken,
-            url: 'ezopen://open.ys7.com/AA0667290/1.hd.live',
-            template: "simple",// simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版；
-            footer: ["fullScreen"],
+          // Cookies.set('token4ysy', accessToken, { expires: 5 }) //保存token5天重复使用
+          document.cookie = `token4ysy=${accessToken};expires=${expireTime.toString()};path=/`;
+          this.videoInit(accessToken)
         });
-        // });
+      }
+      
     },
 
 	// createVideo2(item) {
@@ -180,7 +196,7 @@ export default {
         .then((res) => {
           var data = res.data || {};
           if (data["code"] == "200") {
-            return data["data"]["accessToken"];
+            return data["data"];
           } else {
             return null;
           }