From bac73fbd1c0558eca97224a1abb331543a49283f Mon Sep 17 00:00:00 2001
From: mubai <1609539827@qq.com>
Date: Thu, 2 Nov 2023 17:54:44 +0800
Subject: [PATCH] add record time

---
 client/src/components/Header.vue |  2 +-
 client/src/views/index/Play.vue  | 45 ++++++++++++++++++++++++--------
 client/vite.config.ts            | 10 ++++++-
 3 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/client/src/components/Header.vue b/client/src/components/Header.vue
index f651d12..56f2e3d 100644
--- a/client/src/components/Header.vue
+++ b/client/src/components/Header.vue
@@ -66,7 +66,7 @@ const data = reactive({
   historyFlag: false,
   historyList: [{}],
 })
-//
+// 加载观看历史记录信息
 const handleHistory = (flag: boolean) => {
   data.historyFlag = flag
   if (flag) {
diff --git a/client/src/views/index/Play.vue b/client/src/views/index/Play.vue
index 324bcca..14f9de9 100644
--- a/client/src/views/index/Play.vue
+++ b/client/src/views/index/Play.vue
@@ -2,7 +2,8 @@
   <div class="player_area" v-show="data.loading">
     <div class="player_p">
       <!--preload-->
-      <video-player @mounted="handleBtn" :src="data.options.src" :poster="posterImg" controls
+      <video-player @mounted="playerMount" :src="data.options.src" :poster="posterImg" controls
+                    @ready="beforePlay"
                     @ended="isAutoPlay"
                     :loop="false"
                     @keydown="handlePlay"
@@ -63,8 +64,16 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, onBeforeMount, onMounted, reactive, ref, watchEffect, withDirectives} from "vue";
-import {useRouter} from "vue-router";
+import {
+  computed,
+  onBeforeMount, onBeforeUpdate,
+  reactive,
+  Ref,
+  ref,
+  watchEffect,
+  withDirectives
+} from "vue";
+import {onBeforeRouteUpdate, useRouter} from "vue-router";
 import {ApiGet} from "../../utils/request";
 import {ElMessage} from "element-plus";
 import RelateList from "../../components/RelateList.vue";
@@ -129,7 +138,7 @@ const data = reactive({
     title: "", //视频名称
     src: "", //视频源
     volume: 0.6, // 音量
-    currentTime: 0,
+    currentTime: 50,
   },
 })
 //
@@ -229,20 +238,34 @@ const handleBtn = (e: any) => {
       t.preventDefault()
       tiggerKeyMap(t.keyCode)
     })
-
   }
 }
+// player 加载完成事件
+const playerMount = (e:any) =>{
+  // 处理功能按钮相关事件
+  handleBtn(e)
+}
+// player 准备就绪事件
+const beforePlay = (e:any)=>{
+  // 从router参数中获取时间信息
+  let currentTime = router.currentRoute.value.query.currentTime
+  currentTime && e.target.player.currentTime(currentTime)
+}
 
-// 监听播放url的变化, 触发历史记录的更新
-watchEffect(()=>{
-  //将被点击的影片信息加入本地的观看历史中, 先获取cookie,已存在则追加,否则添加
+
+
+//影片信息加入本地的观看历史中, 先获取cookie,已存在则追加,否则添加
+const saveFilmHisroy = ()=>{
   if (data.options.src.length >0) {
+    let player = document.getElementsByTagName("video")[0]
     let historys = cookieUtil.getCookie(COOKIE_KEY_MAP.FILM_HISTORY)? JSON.parse(cookieUtil.getCookie(COOKIE_KEY_MAP.FILM_HISTORY)) : {}
-    let link = `/play?id=${data.detail.id}&source=${data.currentPlayFrom}&episode=${data.currentEpisode}`
+    let link = `/play?id=${data.detail.id}&source=${data.currentPlayFrom}&episode=${data.currentEpisode}&currentTime=${player.currentTime}`
     historys[data.detail.id] = { name:data.detail.name, link: link, episode: data.current.episode, timeStamp: (new Date()).valueOf()}
     cookieUtil.setCookie(COOKIE_KEY_MAP.FILM_HISTORY, JSON.stringify(historys))
-  }
-})
+  }}
+
+// 在浏览器关闭前或页面刷新前将当前影片的观看信息存入历史记录中
+window.addEventListener('beforeunload',saveFilmHisroy)
 
 </script>
 
diff --git a/client/vite.config.ts b/client/vite.config.ts
index 4cd0cfa..dff82c9 100644
--- a/client/vite.config.ts
+++ b/client/vite.config.ts
@@ -14,7 +14,7 @@ export default defineConfig({
     //         "/api": {
     //             target: `http://127.0.0.1:3601`,
     //             changeOrigin: true, // 允许跨域
-    //             rewrite: path => path.replace(/^\/api/,'')
+    //             rewrite: path => path.replace(/^\/api/, '')
     //         }
     //     },
     // },
@@ -42,5 +42,13 @@ export default defineConfig({
         }),
     ],
     css: {devSourcemap: true},
+    build: {
+        terserOptions: {
+            compress: {
+                drop_console:true,
+                drop_debugger: true,
+            }
+        }
+    }
 
 })