From c0d4a4ac9a1188ad9be80722c82eb7f8815f2adf Mon Sep 17 00:00:00 2001
From: langren1353 <1353464539@qq.com>
Date: Sun, 12 Dec 2021 01:01:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=9C=AC=E5=9C=B0=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E8=BF=9B=E5=BA=A6=E7=BC=93=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/files/Video.vue | 35 +++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/files/Video.vue b/frontend/src/views/files/Video.vue
index 62487556..372e5acf 100644
--- a/frontend/src/views/files/Video.vue
+++ b/frontend/src/views/files/Video.vue
@@ -1,8 +1,7 @@
 <template>
-  <div class="file-video" ref="player" style="height: 100%; width: 100%"/>
+  <div class="file-video" ref="player" style="height: 100%; width: 100%" />
 </template>
 <script>
-
 export default {
   props: {
     src: {
@@ -13,18 +12,34 @@ export default {
   data() {
     return {
       instance: null,
+      videoConfig: {
+        container: ".file-video", //“#”代表容器的ID，“`.`”或“”代表容器的class
+        variable: "player", // 播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象
+        video: this.src, // 视频地址
+        mobileCkControls: true, // 移动端h5显示控制栏
+        overspread: false, //是否让视频铺满播放器
+        seek: 0, // 默认需要跳转的秒数
+      },
     };
   },
   mounted() {
-    var videoObject = {
-      container: ".file-video", //“#”代表容器的ID，“`.`”或“”代表容器的class
-      variable: "player", // 播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象
-      video: this.src, // 视频地址
-      mobileCkControls: true, // 移动端h5显示控制栏
-      overspread: false, //是否让视频铺满播放器
-    };
+    this.loadProcess();
     // eslint-disable-next-line no-undef
-    this.instance = new ckplayer(videoObject); //初始化播放器
+    this.instance = new ckplayer(this.videoConfig); //初始化播放器
+    this.$nextTick(() => this.loadHandler());
+  },
+  methods: {
+    loadProcess() {
+      this.videoConfig.seek = localStorage.getItem(this.src) || 0;
+    },
+    loadHandler() {
+      this.instance.addListener("time", this.timeHandler); //监听播放时间
+      this.instance.addListener("ended", this.VideoPlayEndedHandler); //监听播放结束
+    },
+    timeHandler(time) {
+      localStorage.setItem(this.src, time);
+    },
+    VideoPlayEndedHandler() {},
   },
 };
 </script>