fix: unable to open video settings and subtitle matching failed

Author: suemor233

electron-builder.yml

@@ -69,3 +69,5 @@ afterSign: scripts/notarize.js
 releaseInfo:
   releaseNotes: |
     添加检查更新发生错误的提示信息
+    修复初次播放视频时无法显示设置的问题
+    修复自动匹配字幕无法显示的问题

src/renderer/src/components/modules/player/loading/PlayerProvider.tsx

@@ -29,20 +29,25 @@ export const VideoProvider: FC<PropsWithChildren> = ({ children }) => {
 
   // 当上方 useQuery 获取弹幕成功后，会触发下方 useEffect, 保存到历史记录并开始播放
   useEffect(() => {
-    if (danmakuData && currentMatchedVideo && hash) {
-      saveToHistory({
-        ...currentMatchedVideo,
-        hash,
-        danmaku: danmakuData,
-        path: url,
-      })
-      setLoadingProgress(LoadingStatus.READY_PLAY)
-      const timeoutId = setTimeout(() => {
-        setLoadingProgress(LoadingStatus.START_PLAY)
-      }, 100)
-      return () => clearTimeout(timeoutId)
+    let timeoutId: NodeJS.Timeout
+    const handleSaveToHistory = async () => {
+      if (danmakuData && currentMatchedVideo && hash) {
+        await saveToHistory({
+          ...currentMatchedVideo,
+          hash,
+          danmaku: danmakuData,
+          path: url,
+        })
+        setLoadingProgress(LoadingStatus.READY_PLAY)
+        timeoutId = setTimeout(() => {
+          setLoadingProgress(LoadingStatus.START_PLAY)
+        }, 100)
+      }
+    }
+    handleSaveToHistory()
+    return () => {
+      clearTimeout(timeoutId)
     }
-    return () => {}
   }, [danmakuData, currentMatchedVideo])
 
   if (loadingProgress !== null && loadingProgress < LoadingStatus.START_PLAY) {
@@ -53,11 +58,11 @@ export const VideoProvider: FC<PropsWithChildren> = ({ children }) => {
         {/* 如果在 useMatchAnimeData() 里面没有匹配弹幕库成功， 就会弹出下方对话框，让用户手动匹配*/}
         <MatchAnimeDialog
           matchData={currentMatchedVideo.episodeId ? undefined : matchData}
-          onSelected={(params) => {
+          onSelected={async(params) => {
             // 如果用户选择不加载弹幕
             if (!params) {
               // 保存到历史记录
-              saveToHistory({
+              await saveToHistory({
                 hash,
                 path: url,
                 animeTitle: name,

src/renderer/src/components/modules/player/loading/hooks.ts

@@ -347,21 +347,29 @@ export const saveToHistory = async (
       })
     }
 
-    const [bangumiDetail, bangumiShin] = await Promise.all([
-      apiClient.bangumi.getBangumiDetailById(animeId),
-      apiClient.bangumi.getBangumiShin(),
-    ])
-
-    Object.assign(historyData, {
-      cover: bangumiDetail.bangumi.imageUrl,
-      newBangumi: bangumiShin.bangumiList.some((item) => item.animeId === +animeId),
-    })
-    return db.history.add({
+    const primaryKey = await db.history.add({
       ...historyData,
       progress: 0,
       duration: 0,
     })
+    const updateBangumiData = async () => {
+      const [bangumiDetail, bangumiShin] = await Promise.all([
+        apiClient.bangumi.getBangumiDetailById(animeId),
+        apiClient.bangumi.getBangumiShin(),
+      ])
+
+      Object.assign(historyData, {
+        cover: bangumiDetail.bangumi.imageUrl,
+        newBangumi: bangumiShin.bangumiList.some((item) => item.animeId === +animeId),
+      })
+      return db.history.update(primaryKey, historyData)
+    }
+
+    // 减少加载时长，先插入数据库，直接播放动漫，之后再获取动漫详情
+    updateBangumiData()
+    return
   }
+
   return db.history.update(existingAnime.hash, historyData)
 }
 

src/renderer/src/components/modules/shared/MatchDanmakuDialog.tsx

@@ -48,7 +48,7 @@ export const MatchDanmakuDialog = () => {
       return
     }
     const { episodeId, episodeTitle, animeId, animeTitle } = params
-    saveToHistory({
+    await saveToHistory({
       path,
       subtitles,
       hash,