From ce6489e01ae25105666525d855839ea62af6a107 Mon Sep 17 00:00:00 2001
From: langren1353 <1353464539@qq.com>
Date: Sun, 12 Dec 2021 04:46:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=92=AD=E6=94=BE=E5=99=A8?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/public/ckplayer/ckplayer.json |  6 +++---
 frontend/src/views/files/Video.vue     | 17 ++++++++++++-----
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/frontend/public/ckplayer/ckplayer.json b/frontend/public/ckplayer/ckplayer.json
index 9a2291cc..ad1b47dc 100644
--- a/frontend/public/ckplayer/ckplayer.json
+++ b/frontend/public/ckplayer/ckplayer.json
@@ -2,14 +2,14 @@
 	"config": {
 		"fullInteractive": true,
 		"delay": 30,
-		"timeFrequency": 100,
+		"timeFrequency": 50,
 		"autoLoad": true,
 		"loadNext": 0,
 		"definition": true,
 		"subtitle": true,
 		"playbackRate": true,
 		"smartRemove": true,
-		"bufferTime": 200,
+		"bufferTime": 300,
 		"rtmpBufferTime": 0,
 		"click": true,
 		"doubleClick": true,
@@ -102,4 +102,4 @@
 			"defaultHeight": 3
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/frontend/src/views/files/Video.vue b/frontend/src/views/files/Video.vue
index 372e5acf..096f35e2 100644
--- a/frontend/src/views/files/Video.vue
+++ b/frontend/src/views/files/Video.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="file-video" ref="player" style="height: 100%; width: 100%" />
+  <div id="file-video" ref="player" style="height: 100%; width: 100%" />
 </template>
 <script>
 export default {
@@ -13,31 +13,38 @@ export default {
     return {
       instance: null,
       videoConfig: {
-        container: ".file-video", //“#”代表容器的ID，“`.`”或“”代表容器的class
+        container: "#file-video", //“#”代表容器的ID，“`.`”或“”代表容器的class
         variable: "player", // 播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象
-        video: this.src, // 视频地址
+        video: encodeURIComponent(this.src), // 视频地址
         mobileCkControls: true, // 移动端h5显示控制栏
         overspread: false, //是否让视频铺满播放器
         seek: 0, // 默认需要跳转的秒数
+        unescape: true, // 默认flashplayer里需要解码
       },
     };
   },
+  computed: {
+    localKey() {
+      return this.src.replace(/t=d+/, ""); // 避免时间戳的干扰
+    },
+  },
   mounted() {
     this.loadProcess();
     // eslint-disable-next-line no-undef
     this.instance = new ckplayer(this.videoConfig); //初始化播放器
+    window.player = this.instance;
     this.$nextTick(() => this.loadHandler());
   },
   methods: {
     loadProcess() {
-      this.videoConfig.seek = localStorage.getItem(this.src) || 0;
+      this.videoConfig.seek = localStorage.getItem(this.localKey) || 0;
     },
     loadHandler() {
       this.instance.addListener("time", this.timeHandler); //监听播放时间
       this.instance.addListener("ended", this.VideoPlayEndedHandler); //监听播放结束
     },
     timeHandler(time) {
-      localStorage.setItem(this.src, time);
+      localStorage.setItem(this.localKey, time);
     },
     VideoPlayEndedHandler() {},
   },