增加本地播放进度缓存

frontend/src/views/files/Video.vue

@@ -2,7 +2,6 @@
   <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,
-    };
-  },
-  mounted() {
-    var videoObject = {
+      videoConfig: {
         container: ".file-video", //“#”代表容器的ID，“`.`”或“”代表容器的class
         variable: "player", // 播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象
         video: this.src, // 视频地址
         mobileCkControls: true, // 移动端h5显示控制栏
         overspread: false, //是否让视频铺满播放器
+        seek: 0, // 默认需要跳转的秒数
+      },
     };
+  },
+  mounted() {
+    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>