feat(video): keep state when switching videos in fullscreen (#495)

* fix(player): improve cleanup logic and remove title assignment

* feat: implement keep state functionality for better user experience

* fix(video): destroy old stream instances and reload subtitles/danmaku on URL switch

* danmaku

* subtitle

* revert

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>

Author: j2rong4cn

src/hooks/usePath.ts

@@ -11,6 +11,7 @@ import {
   recoverHistory,
   clearHistory,
   me,
+  shouldKeepState,
 } from "~/store"
 import {
   fsGet,
@@ -120,7 +121,7 @@ export const usePath = () => {
 
   // handle enter obj that don't know if it is dir or file
   const handleObj = async (path: string, index?: number) => {
-    ObjStore.setState(State.FetchingObj)
+    shouldKeepState() || ObjStore.setState(State.FetchingObj)
     const resp = await getObj(path)
     handleRespWithoutNotify(
       resp,
@@ -135,7 +136,7 @@ export const usePath = () => {
           ObjStore.setHeader(data.header)
           ObjStore.setRelated(data.related ?? [])
           ObjStore.setRawUrl(data.raw_url)
-          ObjStore.setState(State.File)
+          shouldKeepState() || ObjStore.setState(State.File)
         }
       },
       handleErr,
@@ -157,7 +158,7 @@ export const usePath = () => {
     if (size !== undefined && pagination.type === "all") {
       size = undefined
     }
-    !onlyList &&
+    if (!onlyList && !shouldKeepState())
       ObjStore.setState(append ? State.FetchingMore : State.FetchingObjs)
     const resp = await getObjs({ path, index, size, force })
     handleRespWithoutNotify(
@@ -179,7 +180,7 @@ export const usePath = () => {
         ObjStore.setWriteContentBypass(data.write_content_bypass)
         ObjStore.setProvider(data.provider)
         ObjStore.setDirectUploadTools(data.direct_upload_tools)
-        ObjStore.setState(State.Folder)
+        shouldKeepState() || ObjStore.setState(State.Folder)
       },
       handleErr,
     )

src/pages/home/previews/aliyun_video.tsx

@@ -1,7 +1,13 @@
 import { Box, Center } from "@hope-ui/solid"
 import { Show, createMemo, createSignal, onCleanup, onMount } from "solid-js"
 import { useRouter, useLink, useFetch } from "~/hooks"
-import { getMainColor, getSettingBool, objStore, password } from "~/store"
+import {
+  getMainColor,
+  getSettingBool,
+  objStore,
+  password,
+  setShouldKeepState,
+} from "~/store"
 import { ObjType, PResp } from "~/types"
 import { ext, handleResp, notify, r, pathDir, pathJoin } from "~/utils"
 import Artplayer from "artplayer"
@@ -78,7 +84,6 @@ const Preview = () => {
   let option: Option = {
     id: pathname(),
     container: "#video-player",
-    title: objStore.obj.name,
     volume: 1.0,
     autoplay: getSettingBool("video_autoplay"),
     autoSize: false,
@@ -420,7 +425,14 @@ const Preview = () => {
     })
   }
   onCleanup(() => {
-    player?.destroy()
+    setShouldKeepState(false)
+    if (player) {
+      player.fullscreenWeb = false
+      player.fullscreen = false
+      player.pip = false
+      if (player.video) player.video.src = ""
+      player.destroy()
+    }
     window.clearInterval(interval)
   })
   const [autoNext, setAutoNext] = createSignal()