Fix subtitle download (fix #4319)

registry/lib/components/video/subtitle/download/index.md

@@ -0,0 +1 @@
+启用下载字幕支持, 在视频页面中可从功能面板里下载字幕. (AI 生成的不可下载)

registry/lib/components/video/subtitle/download/index.ts

@@ -9,9 +9,6 @@ import { getBlobByType, SubtitleDownloadType } from './utils'
 export const component = defineComponentMetadata({
   name: 'downloadSubtitle',
   displayName: '下载字幕',
-  description: {
-    'zh-CN': '启用下载字幕支持, 在视频页面中可从功能面板里下载字幕.',
-  },
   tags: [componentsTags.video],
   entry: none,
   urlInclude: videoAndBangumiUrls,

registry/lib/components/video/subtitle/download/utils.ts

@@ -1,8 +1,19 @@
-import { getJson } from '@/core/ajax'
+import { bilibiliApi, getJson, getJsonWithCredentials } from '@/core/ajax'
 import { Toast } from '@/core/toast'
 import { getFriendlyTitle } from '@/core/utils/title'
 import { SubtitleConverterConfig } from '../subtitle-converter'
 
+export interface SubtitleInfo {
+  id: number
+  id_str: string
+  lan: string
+  lan_doc: string
+  is_lock: boolean
+  subtitle_url: string
+  type: number
+  ai_type: number
+  ai_status: number
+}
 export type SubtitleDownloadType = 'json' | 'ass'
 export const getSubtitleConfig = async (): Promise<[SubtitleConverterConfig, string]> => {
   const { SubtitleConverter, SubtitleSize, SubtitleLocation } = await import(
@@ -64,11 +75,10 @@ export const getSubtitleConfig = async (): Promise<[SubtitleConverterConfig, str
   return [config, language]
 }
 export const getSubtitleList = async (aid: string, cid: string | number) => {
-  const { VideoInfo } = await import('@/components/video/video-info')
-  const info = new VideoInfo(aid)
-  info.cid = typeof cid === 'string' ? parseInt(cid) : cid
-  await info.fetchInfo()
-  return info.subtitles
+  const data = await bilibiliApi(
+    getJsonWithCredentials(`https://api.bilibili.com/x/player/wbi/v2?aid=${aid}&cid=${cid}`),
+  )
+  return lodash.get(data, 'subtitle.subtitles', []) as SubtitleInfo[]
 }
 export const getBlobByType = async (
   type: SubtitleDownloadType,
@@ -88,8 +98,8 @@ export const getBlobByType = async (
     return null
   }
   const [config, language] = await getSubtitleConfig()
-  const subtitle = subtitles.find(s => s.languageCode === language) || subtitles[0]
-  const json = await getJson(subtitle.url)
+  const subtitle = subtitles.find(s => s.lan === language) || subtitles[0]
+  const json = await getJson(subtitle.subtitle_url)
   const rawData = json.body
   switch (type) {
     case 'ass': {
@@ -102,7 +112,7 @@ export const getBlobByType = async (
     }
     default:
     case 'json': {
-      return new Blob([JSON.stringify(rawData)], {
+      return new Blob([JSON.stringify(rawData, undefined, 2)], {
         type: 'text/json',
       })
     }

src/components/video/video-info.ts

@@ -21,12 +21,6 @@ export class VideoInfo {
     title: string
     pageNumber: number
   }[]
-  subtitles: {
-    id: number
-    languageCode: string
-    language: string
-    url: string
-  }[]
 
   constructor(id: string, bvid = false) {
     if (bvid) {
@@ -70,15 +64,20 @@ export class VideoInfo {
       title: it.part,
       pageNumber: it.page,
     }))
-    this.subtitles =
-      data.subtitle?.list?.map((it: any) => ({
-        id: it.id,
-        languageCode: it.lan,
-        language: it.lan_doc,
-        url: it.subtitle_url.replace('http:', 'https:'),
-      })) ?? []
     return this
   }
+
+  /** @deprecated */
+  // eslint-disable-next-line class-methods-use-this
+  get subtitles(): {
+    id: number
+    languageCode: string
+    language: string
+    url: string
+  }[] {
+    console.warn('VideoInfo.subtitles is deprecated')
+    return []
+  }
 }
 export class BangumiInfo {
   ep: number