From 7c2c593c962f25e37d768b189c76127c38d2c9ee Mon Sep 17 00:00:00 2001
From: oxygenkun <oxygenkun.1@gmail.com>
Date: Sun, 23 Jun 2024 22:50:23 +0800
Subject: [PATCH 01/13] =?UTF-8?q?=E4=B8=BAaria2=E6=8F=90=E4=BE=9B=E5=8F=AF?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E5=B0=81=E9=9D=A2=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 优化视频下载组件的结构，现在仅在需要的时候获取assets的blob并下载

2. 扩展视频下载组件的接口，插件可以代理处理assets的下载逻辑

3. 扩展视频封面组件和aria2插件以支持aria2下载封面
---
 .../lib/components/utils/view-cover/index.ts  | 22 +++++-
 .../video/download/DownloadVideo.vue          | 22 +++---
 .../lib/components/video/download/types.ts    | 20 +++++-
 .../video/download/aria2-output/RpcConfig.vue | 11 ++-
 .../video/download/aria2-output/aria2-rpc.ts  | 71 +++++++++++++------
 5 files changed, 109 insertions(+), 37 deletions(-)

diff --git a/registry/lib/components/utils/view-cover/index.ts b/registry/lib/components/utils/view-cover/index.ts
index b56af3d7c0..4c5fef9af1 100644
--- a/registry/lib/components/utils/view-cover/index.ts
+++ b/registry/lib/components/utils/view-cover/index.ts
@@ -1,5 +1,5 @@
 import { defineComponentMetadata } from '@/components/define'
-import { getBlobByAid } from '@/components/video/video-cover'
+import { getVideoCoverUrlByAid, getBlobByAid } from '@/components/video/video-cover'
 import { PackageEntry } from '@/core/download'
 import { videoAndBangumiUrls } from '@/core/utils/urls'
 import { Toast } from '@/core/toast'
@@ -55,6 +55,26 @@ export const component = defineComponentMetadata({
             toast.message = `获取完成. 成功 ${success.length} 个, 失败 ${fail.length} 个.`
             return success.map(it => it.value)
           },
+          getUrls: async (
+            infos,
+            instance: {
+              type: CoverDownloadType
+              enabled: boolean
+            },
+          ) => {
+            const { type, enabled } = instance
+            if (!enabled) {
+              return []
+            }
+            return Promise.all(
+              infos.map(async info => {
+                return {
+                  name: `${info.input.title}.${type}`,
+                  url: await getVideoCoverUrlByAid(info.input.aid),
+                }
+              }),
+            )
+          },
           component: () => import('./Plugin.vue').then(m => m.default),
         })
       })
diff --git a/registry/lib/components/video/download/DownloadVideo.vue b/registry/lib/components/video/download/DownloadVideo.vue
index 61b64505f6..25c2b5d7a5 100644
--- a/registry/lib/components/video/download/DownloadVideo.vue
+++ b/registry/lib/components/video/download/DownloadVideo.vue
@@ -332,18 +332,16 @@ export default Vue.extend({
           })
         }
         const action = new DownloadVideoAction(videoInfos)
-        const extraAssets = (
-          await Promise.all(
-            assets.map(a =>
-              a.getAssets(
-                videoInfos,
-                this.$refs.assetsOptions.find((c: any) => c.$attrs.name === a.name),
-              ),
-            ),
-          )
-        ).flat()
-        action.extraAssets.push(...extraAssets)
-        await action.downloadExtraAssets()
+        assets.forEach(a => {
+          action.extraAssets.push({
+            asset: a,
+            instance: this.$refs.assetsOptions.find((c: any) => c.$attrs.name === a.name),
+          })
+        })
+        /** 若视频输出的插件设置了proxyExtraAssets，则由插件在runAction中处理 */
+        if (!output?.proxyExtraAssets) {
+          await action.downloadExtraAssets()
+        }
         await output.runAction(action, instance)
       } catch (error) {
         logError(error)
diff --git a/registry/lib/components/video/download/types.ts b/registry/lib/components/video/download/types.ts
index 9f68a33ae8..abcc677f9e 100644
--- a/registry/lib/components/video/download/types.ts
+++ b/registry/lib/components/video/download/types.ts
@@ -77,11 +77,17 @@ export interface DownloadVideoApi extends WithName {
 /** 表示下载时额外附带的产物, 如弹幕 / 字幕等 */
 export interface DownloadVideoAssets<AssetsParameter = any> extends VueInstanceInput, WithName {
   getAssets: (infos: DownloadVideoInfo[], instance: AssetsParameter) => Promise<PackageEntry[]>
+  /** 获取可直接下载的链接 */
+  getUrls?: (
+    infos: DownloadVideoInfo[],
+    instance: AssetsParameter,
+  ) => Promise<{ name: string; url: string }[]>
 }
 /** 表示视频的下载信息以及携带的额外产物 */
-export class DownloadVideoAction {
+export class DownloadVideoAction<AssetsParameter = any> {
   readonly inputs: DownloadVideoInputItem[] = []
-  extraAssets: PackageEntry[] = []
+  /** 可下载的asset和对应的参数 */
+  extraAssets: { asset: DownloadVideoAssets; instance: AssetsParameter }[] = []
 
   constructor(public infos: DownloadVideoInfo[]) {
     this.inputs = infos.map(it => it.input)
@@ -92,11 +98,19 @@ export class DownloadVideoAction {
   async downloadExtraAssets() {
     console.log('[downloadExtraAssets]', this.extraAssets)
     const filename = `${getFriendlyTitle(false)}.zip`
-    await new DownloadPackage(this.extraAssets).emit(filename)
+    const { infos } = this
+    const extraAssetsBlob = (
+      await Promise.all(
+        this.extraAssets.map(({ asset, instance }) => asset.getAssets(infos, instance)),
+      )
+    ).flat()
+    await new DownloadPackage(extraAssetsBlob).emit(filename)
   }
 }
 /** 下载视频的最终输出处理 */
 export interface DownloadVideoOutput<OutputParameter = any> extends VueInstanceInput, WithName {
   runAction: (action: DownloadVideoAction, instance: OutputParameter) => Promise<void>
+  /** 是否需要代理下载assets */
+  proxyExtraAssets?: boolean
   description?: string
 }
diff --git a/registry/lib/plugins/video/download/aria2-output/RpcConfig.vue b/registry/lib/plugins/video/download/aria2-output/RpcConfig.vue
index 067638faa3..9e2d059022 100644
--- a/registry/lib/plugins/video/download/aria2-output/RpcConfig.vue
+++ b/registry/lib/plugins/video/download/aria2-output/RpcConfig.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="rpc-config download-video-config-section">
+    <div>
+    <div>aria2下载附属资源（若支持）:</div>
+    <SwitchBox v-model="isPluginDownloadAssets" @change="saveSettings"/>
+    </div>
     <div v-if="isRenaming" class="profile-select">
       <div class="profile-item-name">重命名 RPC 预设:</div>
       <TextBox ref="renameInput" v-model="profileRename" />
@@ -69,17 +73,19 @@
 <script lang="ts">
 import { getComponentSettings } from '@/core/settings'
 import { Toast } from '@/core/toast'
-import { TextBox, VButton, VIcon, VDropdown, TextArea } from '@/ui'
+import { TextBox, VButton, VIcon, VDropdown, TextArea, SwitchBox } from '@/ui'
 import { Aria2RpcProfile, defaultProfile } from './rpc-profiles'
 
 interface Options {
   rpcProfiles: Aria2RpcProfile[]
   selectedRpcProfileName: string
+  isPluginDownloadAssets: boolean
 }
 const { options: storedOptions } = getComponentSettings('downloadVideo')
 const defaultOptions: Options = {
   rpcProfiles: [defaultProfile],
   selectedRpcProfileName: defaultProfile.name,
+  isPluginDownloadAssets: false,
 }
 const options = { ...defaultOptions, ...storedOptions }
 const handleMissingProfile = () => {
@@ -99,6 +105,7 @@ export default Vue.extend({
     VIcon,
     VDropdown,
     TextArea,
+    SwitchBox,
   },
   data() {
     return {
@@ -106,12 +113,14 @@ export default Vue.extend({
       profileRename: '',
       rpcProfiles: options.rpcProfiles,
       selectedRpcProfile: lastSelectedProfile,
+      isPluginDownloadAssets: options.isPluginDownloadAssets,
     }
   },
   methods: {
     saveSettings() {
       options.selectedRpcProfileName = this.selectedRpcProfile.name
       options.rpcProfiles = this.rpcProfiles
+      options.isPluginDownloadAssets = this.isPluginDownloadAssets
       Object.assign(storedOptions, options)
     },
     async startRename() {
diff --git a/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts b/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts
index ca5e860b01..f1eaea1b63 100644
--- a/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts
+++ b/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts
@@ -1,7 +1,9 @@
 import { getJson, monkey, postJson } from '@/core/ajax'
+import { DownloadPackage } from '@/core/download'
 import { Toast } from '@/core/toast'
 import { UserAgent } from '@/core/utils/constants'
 import { logError } from '@/core/utils/log'
+import { getFriendlyTitle } from '@/core/utils/title'
 import { DownloadVideoOutput } from '../../../../components/video/download/types'
 import { Aria2RpcProfile } from './rpc-profiles'
 
@@ -127,40 +129,69 @@ export const aria2Rpc: DownloadVideoOutput = {
   name: 'aria2Rpc',
   displayName: 'aria2 RPC',
   description: '使用 aria2 RPC 功能发送下载请求.',
+  proxyExtraAssets: true,
   runAction: async (
     action,
     instance: Vue & {
       selectedRpcProfile: Aria2RpcProfile
+      isPluginDownloadAssets?: boolean
     },
   ) => {
-    const { infos } = action
-    const { selectedRpcProfile } = instance
+    const { infos, extraAssets } = action
+    const { selectedRpcProfile, isPluginDownloadAssets } = instance
     const { secretKey, dir, other } = selectedRpcProfile
     const referer = document.URL.replace(window.location.search, '')
-    const totalParams = infos
+    const ariaParamsGenerator = (url: string, title: string) => {
+      const singleInfoParams = []
+      if (secretKey) {
+        singleInfoParams.push(`token:${secretKey}`)
+      }
+      singleInfoParams.push([url])
+      singleInfoParams.push({
+        referer,
+        'user-agent': UserAgent,
+        out: title,
+        dir: dir || undefined,
+        ...parseRpcOptions(other),
+      })
+      const id = encodeURIComponent(title)
+      return {
+        params: singleInfoParams,
+        id,
+      }
+    }
+
+    // handle video
+    const videoParams = infos
       .map(info =>
         info.titledFragments.map(fragment => {
-          const singleInfoParams = []
-          if (secretKey) {
-            singleInfoParams.push(`token:${secretKey}`)
-          }
-          singleInfoParams.push([fragment.url])
-          singleInfoParams.push({
-            referer,
-            'user-agent': UserAgent,
-            out: fragment.title,
-            dir: dir || undefined,
-            ...parseRpcOptions(other),
-          })
-          const id = encodeURIComponent(fragment.title)
-          return {
-            params: singleInfoParams,
-            id,
-          }
+          const { url, title } = fragment
+          return ariaParamsGenerator(url, title)
         }),
       )
       .flat()
+
+    // handle assets
+    const assetsAriaParams = []
+    const assetsBrowserPromises = []
+    for (const { asset, instance: assetInstance } of extraAssets) {
+      if (isPluginDownloadAssets && 'getUrls' in asset) {
+        // get asset from aria2
+        const results = await asset.getUrls(infos, assetInstance)
+        assetsAriaParams.push(...results.map(({ name, url }) => ariaParamsGenerator(url, name)))
+      } else {
+        // get asset from browser
+        assetsBrowserPromises.push(asset.getAssets(infos, assetInstance))
+      }
+    }
+
+    const totalParams = [...videoParams, ...assetsAriaParams]
     const results = await sendRpc(selectedRpcProfile, totalParams)
+    if (assetsBrowserPromises.length > 0) {
+      const extraAssetsBlob = (await Promise.all(assetsBrowserPromises)).flat()
+      const filename = `${getFriendlyTitle(false)}.zip`
+      await new DownloadPackage(extraAssetsBlob).emit(filename)
+    }
     console.table(results)
     if (results.length === 1) {
       const result = results[0]

From a44d3d00d9efd525a4589fe7df063273fe17cdf7 Mon Sep 17 00:00:00 2001
From: oxygenkun <oxygenkun.1@gmail.com>
Date: Sun, 23 Jun 2024 23:10:25 +0800
Subject: [PATCH 02/13] fix lint

---
 .../lib/plugins/video/download/aria2-output/RpcConfig.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/registry/lib/plugins/video/download/aria2-output/RpcConfig.vue b/registry/lib/plugins/video/download/aria2-output/RpcConfig.vue
index 9e2d059022..52e9e2f01a 100644
--- a/registry/lib/plugins/video/download/aria2-output/RpcConfig.vue
+++ b/registry/lib/plugins/video/download/aria2-output/RpcConfig.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="rpc-config download-video-config-section">
     <div>
-    <div>aria2下载附属资源（若支持）:</div>
-    <SwitchBox v-model="isPluginDownloadAssets" @change="saveSettings"/>
+      <div>aria2下载附属资源（若支持）:</div>
+      <SwitchBox v-model="isPluginDownloadAssets" @change="saveSettings" />
     </div>
     <div v-if="isRenaming" class="profile-select">
       <div class="profile-item-name">重命名 RPC 预设:</div>

From c4e6429a86cbe2a327cc5b7a36da02b3f53097b1 Mon Sep 17 00:00:00 2001
From: oxygenkun <oxygenkun.1@gmail.com>
Date: Sun, 23 Jun 2024 23:29:30 +0800
Subject: [PATCH 03/13] refactoring aria2 to handle assets using general 
 `downloadExtraAssets`

---
 .../video/download/aria2-output/aria2-rpc.ts  | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts b/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts
index f1eaea1b63..a365080dd3 100644
--- a/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts
+++ b/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts
@@ -1,10 +1,11 @@
 import { getJson, monkey, postJson } from '@/core/ajax'
-import { DownloadPackage } from '@/core/download'
 import { Toast } from '@/core/toast'
 import { UserAgent } from '@/core/utils/constants'
 import { logError } from '@/core/utils/log'
-import { getFriendlyTitle } from '@/core/utils/title'
-import { DownloadVideoOutput } from '../../../../components/video/download/types'
+import {
+  DownloadVideoOutput,
+  DownloadVideoAction,
+} from '../../../../components/video/download/types'
 import { Aria2RpcProfile } from './rpc-profiles'
 
 interface RpcParam {
@@ -161,7 +162,7 @@ export const aria2Rpc: DownloadVideoOutput = {
       }
     }
 
-    // handle video
+    // handle video params
     const videoParams = infos
       .map(info =>
         info.titledFragments.map(fragment => {
@@ -173,7 +174,7 @@ export const aria2Rpc: DownloadVideoOutput = {
 
     // handle assets
     const assetsAriaParams = []
-    const assetsBrowserPromises = []
+    const extraAssetsForBrowerDownload = []
     for (const { asset, instance: assetInstance } of extraAssets) {
       if (isPluginDownloadAssets && 'getUrls' in asset) {
         // get asset from aria2
@@ -181,16 +182,16 @@ export const aria2Rpc: DownloadVideoOutput = {
         assetsAriaParams.push(...results.map(({ name, url }) => ariaParamsGenerator(url, name)))
       } else {
         // get asset from browser
-        assetsBrowserPromises.push(asset.getAssets(infos, assetInstance))
+        extraAssetsForBrowerDownload.push({ asset, instance: assetInstance })
       }
     }
 
     const totalParams = [...videoParams, ...assetsAriaParams]
     const results = await sendRpc(selectedRpcProfile, totalParams)
-    if (assetsBrowserPromises.length > 0) {
-      const extraAssetsBlob = (await Promise.all(assetsBrowserPromises)).flat()
-      const filename = `${getFriendlyTitle(false)}.zip`
-      await new DownloadPackage(extraAssetsBlob).emit(filename)
+    if (extraAssetsForBrowerDownload.length > 0) {
+      const actionForBrowserDownload = new DownloadVideoAction(infos)
+      actionForBrowserDownload.extraAssets = extraAssetsForBrowerDownload
+      await actionForBrowserDownload.downloadExtraAssets()
     }
     console.table(results)
     if (results.length === 1) {

From db7ae378da06965ad316e681cebce1c072d762a3 Mon Sep 17 00:00:00 2001
From: oxygenkun <oxygenkun.1@gmail.com>
Date: Sun, 21 Jul 2024 18:03:53 +0800
Subject: [PATCH 04/13] =?UTF-8?q?DownloadVideoAction=E6=B7=BB=E5=8A=A0extr?=
 =?UTF-8?q?aOnlineAssets=E3=80=82DownloadVideoOutput=E5=8E=BB=E9=99=A4prox?=
 =?UTF-8?q?yExtraAssets=E3=80=82=E4=BC=98=E5=8C=96=E4=B8=8B=E8=BD=BD?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../video/download/DownloadVideo.vue           |  8 +++-----
 .../lib/components/video/download/types.ts     |  9 ++++++---
 .../video/download/aria2-output/aria2-rpc.ts   | 18 +++++-------------
 3 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/registry/lib/components/video/download/DownloadVideo.vue b/registry/lib/components/video/download/DownloadVideo.vue
index 25c2b5d7a5..4789425ed4 100644
--- a/registry/lib/components/video/download/DownloadVideo.vue
+++ b/registry/lib/components/video/download/DownloadVideo.vue
@@ -333,16 +333,14 @@ export default Vue.extend({
         }
         const action = new DownloadVideoAction(videoInfos)
         assets.forEach(a => {
-          action.extraAssets.push({
+          const assetsType = a?.getUrls ? action.extraOnlineAssets : action.extraAssets
+          assetsType.push({
             asset: a,
             instance: this.$refs.assetsOptions.find((c: any) => c.$attrs.name === a.name),
           })
         })
-        /** 若视频输出的插件设置了proxyExtraAssets，则由插件在runAction中处理 */
-        if (!output?.proxyExtraAssets) {
-          await action.downloadExtraAssets()
-        }
         await output.runAction(action, instance)
+        await action.downloadExtraAssets()
       } catch (error) {
         logError(error)
       } finally {
diff --git a/registry/lib/components/video/download/types.ts b/registry/lib/components/video/download/types.ts
index abcc677f9e..af5fce1769 100644
--- a/registry/lib/components/video/download/types.ts
+++ b/registry/lib/components/video/download/types.ts
@@ -86,8 +86,10 @@ export interface DownloadVideoAssets<AssetsParameter = any> extends VueInstanceI
 /** 表示视频的下载信息以及携带的额外产物 */
 export class DownloadVideoAction<AssetsParameter = any> {
   readonly inputs: DownloadVideoInputItem[] = []
-  /** 可下载的asset和对应的参数 */
+  /** 可调用处理的asset和对应的参数 */
   extraAssets: { asset: DownloadVideoAssets; instance: AssetsParameter }[] = []
+  /** 可直接下载的asset和对应的参数 */
+  extraOnlineAssets: { asset: DownloadVideoAssets; instance: AssetsParameter }[] = []
 
   constructor(public infos: DownloadVideoInfo[]) {
     this.inputs = infos.map(it => it.input)
@@ -101,7 +103,9 @@ export class DownloadVideoAction<AssetsParameter = any> {
     const { infos } = this
     const extraAssetsBlob = (
       await Promise.all(
-        this.extraAssets.map(({ asset, instance }) => asset.getAssets(infos, instance)),
+        [...this.extraAssets, ...this.extraOnlineAssets].map(({ asset, instance }) =>
+          asset.getAssets(infos, instance),
+        ),
       )
     ).flat()
     await new DownloadPackage(extraAssetsBlob).emit(filename)
@@ -111,6 +115,5 @@ export class DownloadVideoAction<AssetsParameter = any> {
 export interface DownloadVideoOutput<OutputParameter = any> extends VueInstanceInput, WithName {
   runAction: (action: DownloadVideoAction, instance: OutputParameter) => Promise<void>
   /** 是否需要代理下载assets */
-  proxyExtraAssets?: boolean
   description?: string
 }
diff --git a/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts b/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts
index a365080dd3..4a10d1e007 100644
--- a/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts
+++ b/registry/lib/plugins/video/download/aria2-output/aria2-rpc.ts
@@ -2,10 +2,7 @@ import { getJson, monkey, postJson } from '@/core/ajax'
 import { Toast } from '@/core/toast'
 import { UserAgent } from '@/core/utils/constants'
 import { logError } from '@/core/utils/log'
-import {
-  DownloadVideoOutput,
-  DownloadVideoAction,
-} from '../../../../components/video/download/types'
+import { DownloadVideoOutput } from '../../../../components/video/download/types'
 import { Aria2RpcProfile } from './rpc-profiles'
 
 interface RpcParam {
@@ -130,7 +127,6 @@ export const aria2Rpc: DownloadVideoOutput = {
   name: 'aria2Rpc',
   displayName: 'aria2 RPC',
   description: '使用 aria2 RPC 功能发送下载请求.',
-  proxyExtraAssets: true,
   runAction: async (
     action,
     instance: Vue & {
@@ -138,7 +134,7 @@ export const aria2Rpc: DownloadVideoOutput = {
       isPluginDownloadAssets?: boolean
     },
   ) => {
-    const { infos, extraAssets } = action
+    const { infos, extraOnlineAssets } = action
     const { selectedRpcProfile, isPluginDownloadAssets } = instance
     const { secretKey, dir, other } = selectedRpcProfile
     const referer = document.URL.replace(window.location.search, '')
@@ -175,24 +171,20 @@ export const aria2Rpc: DownloadVideoOutput = {
     // handle assets
     const assetsAriaParams = []
     const extraAssetsForBrowerDownload = []
-    for (const { asset, instance: assetInstance } of extraAssets) {
+    for (const { asset, instance: assetInstance } of extraOnlineAssets) {
       if (isPluginDownloadAssets && 'getUrls' in asset) {
         // get asset from aria2
         const results = await asset.getUrls(infos, assetInstance)
         assetsAriaParams.push(...results.map(({ name, url }) => ariaParamsGenerator(url, name)))
       } else {
-        // get asset from browser
+        // remain asset in `extraOnlineAssets`
         extraAssetsForBrowerDownload.push({ asset, instance: assetInstance })
       }
     }
+    action.extraOnlineAssets = extraAssetsForBrowerDownload
 
     const totalParams = [...videoParams, ...assetsAriaParams]
     const results = await sendRpc(selectedRpcProfile, totalParams)
-    if (extraAssetsForBrowerDownload.length > 0) {
-      const actionForBrowserDownload = new DownloadVideoAction(infos)
-      actionForBrowserDownload.extraAssets = extraAssetsForBrowerDownload
-      await actionForBrowserDownload.downloadExtraAssets()
-    }
     console.table(results)
     if (results.length === 1) {
       const result = results[0]

From 593ee5e44818a7bffea6f9b24a5db35e96b25500 Mon Sep 17 00:00:00 2001
From: oxygenkun <oxygenkun.1@gmail.com>
Date: Sun, 21 Jul 2024 18:16:24 +0800
Subject: [PATCH 05/13] remove comments

---
 registry/lib/components/video/download/types.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/registry/lib/components/video/download/types.ts b/registry/lib/components/video/download/types.ts
index af5fce1769..676c7a5d8f 100644
--- a/registry/lib/components/video/download/types.ts
+++ b/registry/lib/components/video/download/types.ts
@@ -114,6 +114,5 @@ export class DownloadVideoAction<AssetsParameter = any> {
 /** 下载视频的最终输出处理 */
 export interface DownloadVideoOutput<OutputParameter = any> extends VueInstanceInput, WithName {
   runAction: (action: DownloadVideoAction, instance: OutputParameter) => Promise<void>
-  /** 是否需要代理下载assets */
   description?: string
 }

From 4e841e204ce665aff601f84409979e49a2957a37 Mon Sep 17 00:00:00 2001
From: WakelessSloth56 <wsloth56@foxmail.com>
Date: Mon, 22 Jul 2024 14:15:09 +0800
Subject: [PATCH 06/13] feat: component saveVideoMetadata

Co-authored-by: lainio24 <lainio24@outlook.com>
---
 .vscode/settings.json                         |   4 +-
 .../lib/components/video/metadata/Plugin.vue  |  33 ++++++
 .../video/metadata/SaveMetadata.vue           |  45 ++++++++
 .../lib/components/video/metadata/index.ts    |  60 ++++++++++
 .../lib/components/video/metadata/utils.ts    | 105 ++++++++++++++++++
 src/components/video/video-info.ts            |  24 ++--
 6 files changed, 260 insertions(+), 11 deletions(-)
 create mode 100644 registry/lib/components/video/metadata/Plugin.vue
 create mode 100644 registry/lib/components/video/metadata/SaveMetadata.vue
 create mode 100644 registry/lib/components/video/metadata/index.ts
 create mode 100644 registry/lib/components/video/metadata/utils.ts

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 586e80f5f1..2d7ebbf747 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -43,6 +43,7 @@
     "durl",
     "epid",
     "esbuild",
+    "ffmetadata",
     "flac",
     "Fullscreen",
     "githubusercontent",
@@ -135,5 +136,6 @@
     "tsconfig.json": "tsconfig.*.json",
     "package.json": "package-lock.json, yarn.lock, pnpm-lock.yaml, .*",
     "index.ts": "index.*.ts, index.md, index.*.md"
-  }
+  },
+  "typescript.tsdk": "node_modules\\typescript\\lib"
 }
diff --git a/registry/lib/components/video/metadata/Plugin.vue b/registry/lib/components/video/metadata/Plugin.vue
new file mode 100644
index 0000000000..b0e0df45f2
--- /dev/null
+++ b/registry/lib/components/video/metadata/Plugin.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="download-video-config-section">
+    <div class="download-video-config-item">
+      <div>保存元数据：</div>
+      <SwitchBox v-model="saveMetadata" />
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { SwitchBox } from '@/ui'
+import { getComponentSettings } from '@/core/settings'
+
+interface Options {
+  saveMetadata: boolean
+}
+const options = getComponentSettings('downloadVideo').options as Options
+
+export default Vue.extend({
+  components: {
+    SwitchBox,
+  },
+  data() {
+    return {
+      saveMetadata: options.saveMetadata,
+    }
+  },
+  watch: {
+    saveMetadata(saveMetadata: boolean) {
+      options.saveMetadata = saveMetadata
+    },
+  },
+})
+</script>
diff --git a/registry/lib/components/video/metadata/SaveMetadata.vue b/registry/lib/components/video/metadata/SaveMetadata.vue
new file mode 100644
index 0000000000..de27a843e4
--- /dev/null
+++ b/registry/lib/components/video/metadata/SaveMetadata.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="multiple-widgets">
+    <DefaultWidget
+      ref="button"
+      :disabled="disabled"
+      name="保存视频元数据"
+      icon="mdi-download"
+      @click="run()"
+    ></DefaultWidget>
+  </div>
+</template>
+
+<script lang="ts">
+import { DefaultWidget } from '@/ui'
+import { logError } from '@/core/utils/log'
+import { DownloadPackage } from '@/core/download'
+import { getFriendlyTitle } from '@/core/utils/title'
+import { generateFFMetadataBlob } from './utils'
+
+export default Vue.extend({
+  components: {
+    DefaultWidget,
+  },
+  data() {
+    return {
+      disabled: false,
+    }
+  },
+  methods: {
+    async run() {
+      try {
+        this.disabled = true
+        DownloadPackage.single(
+          `${getFriendlyTitle(true)}.ffmetadata.txt`,
+          await generateFFMetadataBlob(),
+        )
+      } catch (error) {
+        logError(error)
+      } finally {
+        this.disabled = false
+      }
+    },
+  },
+})
+</script>
diff --git a/registry/lib/components/video/metadata/index.ts b/registry/lib/components/video/metadata/index.ts
new file mode 100644
index 0000000000..3b4542e909
--- /dev/null
+++ b/registry/lib/components/video/metadata/index.ts
@@ -0,0 +1,60 @@
+import { defineComponentMetadata } from '@/components/define'
+import { PackageEntry } from '@/core/download'
+import { hasVideo } from '@/core/spin-query'
+import { videoUrls } from '@/core/utils/urls'
+import { DownloadVideoAssets } from '../download/types'
+import { generateFFMetadataBlob } from './utils'
+
+const author = [
+  {
+    name: 'WakelessSloth56',
+    link: 'https://github.com/WakelessSloth56',
+  },
+  {
+    name: 'LainIO24',
+    link: 'https://github.com/LainIO24',
+  },
+]
+
+export const component = defineComponentMetadata({
+  name: 'saveVideoMetadata',
+  displayName: '保存视频元数据',
+  description:
+    '保存视频元数据（标题、描述、UP、章节等）为 [FFMETADATA](https://ffmpeg.org/ffmpeg-formats.html#metadata) 格式',
+  author,
+  tags: [componentsTags.video],
+  entry: none,
+  urlInclude: videoUrls,
+  widget: {
+    condition: hasVideo,
+    component: () => import('./SaveMetadata.vue').then(m => m.default),
+  },
+  plugin: {
+    displayName: '下载视频 - 保存元数据',
+    author,
+    setup: ({ addData }) => {
+      addData('downloadVideo.assets', async (assets: DownloadVideoAssets[]) => {
+        assets.push({
+          name: 'saveMetadata',
+          displayName: '保存元数据',
+          getAssets: async (infos, instance: { saveMetadata: boolean }) => {
+            const { saveMetadata: enabled } = instance
+            if (enabled) {
+              const result: PackageEntry[] = []
+              for (const info of infos) {
+                result.push({
+                  name: `${info.input.title}.ffmetadata.txt`,
+                  data: await generateFFMetadataBlob(info.input.aid, info.input.cid),
+                  options: {},
+                })
+              }
+              return result
+            }
+            return []
+          },
+          component: () => import('./Plugin.vue').then(m => m.default),
+        })
+      })
+    },
+  },
+})
diff --git a/registry/lib/components/video/metadata/utils.ts b/registry/lib/components/video/metadata/utils.ts
new file mode 100644
index 0000000000..1b8b339e2b
--- /dev/null
+++ b/registry/lib/components/video/metadata/utils.ts
@@ -0,0 +1,105 @@
+import { VideoInfo, VideoPageInfo } from '@/components/video/video-info'
+import { VideoQuality } from '@/components/video/video-quality'
+import { bilibiliApi, getJsonWithCredentials } from '@/core/ajax'
+import { meta } from '@/core/meta'
+
+function escape(s: string) {
+  return s.replace(/[=;#\\\n]/g, r => `\\${r}`)
+}
+
+function ff(key: string, value: any, prefix = true) {
+  return `${prefix ? 'bilibili_' : ''}${key}=${escape(lodash.toString(value))}`
+}
+
+export interface ViewPoint {
+  content: string
+  from: number
+  to: number
+  image: string
+}
+
+export class VideoMetadata {
+  #aid: string
+  #cid: number | string
+
+  basic: VideoInfo
+
+  viewPoints: ViewPoint[]
+  page: VideoPageInfo
+  quality?: VideoQuality
+
+  constructor(aid: string, cid: number | string) {
+    this.#aid = aid
+    this.#cid = cid
+    this.basic = new VideoInfo(aid)
+  }
+
+  async fetch() {
+    await this.basic.fetchInfo()
+    this.page = this.basic.pages.filter(p => p.cid === parseInt(<any>this.#cid))[0]
+
+    const playInfo = await bilibiliApi(
+      getJsonWithCredentials(
+        `https://api.bilibili.com/x/player/wbi/v2?aid=${this.#aid}&cid=${this.#cid}`,
+      ),
+    )
+
+    this.viewPoints = lodash.get(playInfo, 'view_points', []) as ViewPoint[]
+  }
+}
+
+export async function generateFFMetadata(
+  aid: string = unsafeWindow.aid,
+  cid: string = unsafeWindow.cid,
+) {
+  const data = new VideoMetadata(aid, cid)
+  await data.fetch()
+  const info = data.basic
+
+  const lines = [
+    ';FFMETADATA1',
+    `;generated by Bilibili-Evolved v${meta.compilationInfo.version}`,
+    ff('title', `${info.title} - ${data.page.title}`, false),
+    ff('title', info.title),
+    ff('description', info.description),
+    ff('aid', info.aid),
+    ff('bvid', info.bvid),
+    ff('cid', data.page.cid),
+    ff('page_title', data.page.title),
+    ff('page', data.page.pageNumber),
+    ff('pages', info.pages.length),
+    ff('up_name', info.up.name),
+    ff('up_uid', info.up.uid),
+  ]
+
+  if (data.quality) {
+    lines.push(ff('quality', data.quality.value))
+    lines.push(ff('quality_label', data.quality.name))
+  }
+
+  if (data.viewPoints) {
+    for (const chapter of data.viewPoints) {
+      lines.push(
+        ...[
+          '[CHAPTER]',
+          'TIMEBASE=1/1',
+          ff('START', chapter.from, false),
+          ff('END', chapter.to, false),
+          ff('title', chapter.content, false),
+        ],
+      )
+    }
+  }
+
+  console.info(lines.join('\n'))
+  return lines.join('\n')
+}
+
+export async function generateFFMetadataBlob(
+  aid: string = unsafeWindow.aid,
+  cid: string = unsafeWindow.cid,
+) {
+  return new Blob([await generateFFMetadata(aid, cid)], {
+    type: 'text/plain',
+  })
+}
diff --git a/src/components/video/video-info.ts b/src/components/video/video-info.ts
index 43f5d3af78..9251d5689b 100644
--- a/src/components/video/video-info.ts
+++ b/src/components/video/video-info.ts
@@ -1,5 +1,17 @@
 import { getJsonWithCredentials, getText } from '@/core/ajax'
 
+export interface UpInfo {
+  uid: number
+  name: string
+  faceUrl: string
+}
+
+export interface VideoPageInfo {
+  cid: number
+  title: string
+  pageNumber: number
+}
+
 export class VideoInfo {
   aid: string
   bvid: string
@@ -13,16 +25,8 @@ export class VideoInfo {
   tagName: string
   title: string
   description: string
-  up: {
-    uid: number
-    name: string
-    faceUrl: string
-  }
-  pages: {
-    cid: number
-    title: string
-    pageNumber: number
-  }[]
+  up: UpInfo
+  pages: VideoPageInfo[]
 
   constructor(id: string, bvid = false) {
     if (bvid) {

From 7d5286d30aafb8680acec71fc42ef7cd9bfcb0bb Mon Sep 17 00:00:00 2001
From: WakelessSloth56 <wsloth56@foxmail.com>
Date: Mon, 22 Jul 2024 19:44:46 +0800
Subject: [PATCH 07/13] feat: component saveVideoMetadata more fields

author, category_id, category_name, publish_date

Co-authored-by: lainio24 <lainio24@outlook.com>
---
 .../lib/components/video/metadata/SaveMetadata.vue |  2 +-
 registry/lib/components/video/metadata/index.ts    |  2 +-
 .../video/metadata/{utils.ts => metadata.ts}       | 14 ++++++++++++--
 3 files changed, 14 insertions(+), 4 deletions(-)
 rename registry/lib/components/video/metadata/{utils.ts => metadata.ts} (86%)

diff --git a/registry/lib/components/video/metadata/SaveMetadata.vue b/registry/lib/components/video/metadata/SaveMetadata.vue
index de27a843e4..cb6049166a 100644
--- a/registry/lib/components/video/metadata/SaveMetadata.vue
+++ b/registry/lib/components/video/metadata/SaveMetadata.vue
@@ -15,7 +15,7 @@ import { DefaultWidget } from '@/ui'
 import { logError } from '@/core/utils/log'
 import { DownloadPackage } from '@/core/download'
 import { getFriendlyTitle } from '@/core/utils/title'
-import { generateFFMetadataBlob } from './utils'
+import { generateFFMetadataBlob } from './metadata'
 
 export default Vue.extend({
   components: {
diff --git a/registry/lib/components/video/metadata/index.ts b/registry/lib/components/video/metadata/index.ts
index 3b4542e909..d29ae6034a 100644
--- a/registry/lib/components/video/metadata/index.ts
+++ b/registry/lib/components/video/metadata/index.ts
@@ -3,7 +3,7 @@ import { PackageEntry } from '@/core/download'
 import { hasVideo } from '@/core/spin-query'
 import { videoUrls } from '@/core/utils/urls'
 import { DownloadVideoAssets } from '../download/types'
-import { generateFFMetadataBlob } from './utils'
+import { generateFFMetadataBlob } from './metadata'
 
 const author = [
   {
diff --git a/registry/lib/components/video/metadata/utils.ts b/registry/lib/components/video/metadata/metadata.ts
similarity index 86%
rename from registry/lib/components/video/metadata/utils.ts
rename to registry/lib/components/video/metadata/metadata.ts
index 1b8b339e2b..304cac9261 100644
--- a/registry/lib/components/video/metadata/utils.ts
+++ b/registry/lib/components/video/metadata/metadata.ts
@@ -59,12 +59,20 @@ export async function generateFFMetadata(
   const lines = [
     ';FFMETADATA1',
     `;generated by Bilibili-Evolved v${meta.compilationInfo.version}`,
+    `;generated on ${new Date().toLocaleString()}`,
+    // Standard fields
     ff('title', `${info.title} - ${data.page.title}`, false),
+    ff('description', info.description, false),
+    ff('author', info.up.name, false),
+    // Custom fields
     ff('title', info.title),
     ff('description', info.description),
+    ff('publish_date', new Date(info.pubdate * 1000).toLocaleString()),
     ff('aid', info.aid),
     ff('bvid', info.bvid),
     ff('cid', data.page.cid),
+    ff('category_id', info.tagId),
+    ff('category_name', info.tagName),
     ff('page_title', data.page.title),
     ff('page', data.page.pageNumber),
     ff('pages', info.pages.length),
@@ -91,8 +99,10 @@ export async function generateFFMetadata(
     }
   }
 
-  console.info(lines.join('\n'))
-  return lines.join('\n')
+  const result = lines.join('\n')
+
+  console.debug(result)
+  return result
 }
 
 export async function generateFFMetadataBlob(

From da2c1f88518aa1b9e02873782522bb06677de3e1 Mon Sep 17 00:00:00 2001
From: WakelessSloth56 <wsloth56@foxmail.com>
Date: Mon, 22 Jul 2024 20:38:28 +0800
Subject: [PATCH 08/13] feat: component saveVideoMetadata save ogm chapters

Co-authored-by: lainio24 <lainio24@outlook.com>
---
 .../lib/components/video/metadata/Plugin.vue  | 25 +++++--
 .../video/metadata/SaveMetadata.vue           | 17 +++--
 .../lib/components/video/metadata/index.ts    | 29 +++++---
 .../lib/components/video/metadata/metadata.ts | 67 ++++++++++++++-----
 4 files changed, 98 insertions(+), 40 deletions(-)

diff --git a/registry/lib/components/video/metadata/Plugin.vue b/registry/lib/components/video/metadata/Plugin.vue
index b0e0df45f2..a843f37a1b 100644
--- a/registry/lib/components/video/metadata/Plugin.vue
+++ b/registry/lib/components/video/metadata/Plugin.vue
@@ -2,31 +2,42 @@
   <div class="download-video-config-section">
     <div class="download-video-config-item">
       <div>保存元数据：</div>
-      <SwitchBox v-model="saveMetadata" />
+      <VDropdown v-model="type" :items="items">
+        <template #item="{ item }">
+          {{ item }}
+        </template>
+      </VDropdown>
     </div>
   </div>
 </template>
 <script lang="ts">
-import { SwitchBox } from '@/ui'
+import { VDropdown } from '@/ui'
 import { getComponentSettings } from '@/core/settings'
+import { MetadataType } from './metadata'
 
 interface Options {
-  saveMetadata: boolean
+  metadataType: MetadataType | '无'
 }
 const options = getComponentSettings('downloadVideo').options as Options
 
 export default Vue.extend({
   components: {
-    SwitchBox,
+    VDropdown,
   },
   data() {
     return {
-      saveMetadata: options.saveMetadata,
+      type: options.metadataType ?? '无',
+      items: ['无', 'ffmetadata', 'ogm'],
     }
   },
+  computed: {
+    enabled() {
+      return this.type !== '无'
+    },
+  },
   watch: {
-    saveMetadata(saveMetadata: boolean) {
-      options.saveMetadata = saveMetadata
+    type(value: MetadataType) {
+      options.metadataType = value
     },
   },
 })
diff --git a/registry/lib/components/video/metadata/SaveMetadata.vue b/registry/lib/components/video/metadata/SaveMetadata.vue
index cb6049166a..1704d86c0d 100644
--- a/registry/lib/components/video/metadata/SaveMetadata.vue
+++ b/registry/lib/components/video/metadata/SaveMetadata.vue
@@ -5,7 +5,13 @@
       :disabled="disabled"
       name="保存视频元数据"
       icon="mdi-download"
-      @click="run()"
+      @click="run('ffmetadata')"
+    ></DefaultWidget>
+    <DefaultWidget
+      :disabled="disabled"
+      name="保存视频章节"
+      icon="mdi-download"
+      @click="run('ogm')"
     ></DefaultWidget>
   </div>
 </template>
@@ -15,7 +21,7 @@ import { DefaultWidget } from '@/ui'
 import { logError } from '@/core/utils/log'
 import { DownloadPackage } from '@/core/download'
 import { getFriendlyTitle } from '@/core/utils/title'
-import { generateFFMetadataBlob } from './metadata'
+import { MetadataType, generateByType } from './metadata'
 
 export default Vue.extend({
   components: {
@@ -27,13 +33,10 @@ export default Vue.extend({
     }
   },
   methods: {
-    async run() {
+    async run(type: MetadataType) {
       try {
         this.disabled = true
-        DownloadPackage.single(
-          `${getFriendlyTitle(true)}.ffmetadata.txt`,
-          await generateFFMetadataBlob(),
-        )
+        DownloadPackage.single(`${getFriendlyTitle(true)}.${type}.txt`, await generateByType(type))
       } catch (error) {
         logError(error)
       } finally {
diff --git a/registry/lib/components/video/metadata/index.ts b/registry/lib/components/video/metadata/index.ts
index d29ae6034a..0fae713633 100644
--- a/registry/lib/components/video/metadata/index.ts
+++ b/registry/lib/components/video/metadata/index.ts
@@ -3,7 +3,9 @@ import { PackageEntry } from '@/core/download'
 import { hasVideo } from '@/core/spin-query'
 import { videoUrls } from '@/core/utils/urls'
 import { DownloadVideoAssets } from '../download/types'
-import { generateFFMetadataBlob } from './metadata'
+import { generateByType, MetadataType } from './metadata'
+
+export const title = '保存视频元数据'
 
 const author = [
   {
@@ -18,9 +20,8 @@ const author = [
 
 export const component = defineComponentMetadata({
   name: 'saveVideoMetadata',
-  displayName: '保存视频元数据',
-  description:
-    '保存视频元数据（标题、描述、UP、章节等）为 [FFMETADATA](https://ffmpeg.org/ffmpeg-formats.html#metadata) 格式',
+  displayName: title,
+  description: '保存视频元数据（标题、描述、UP、章节等）',
   author,
   tags: [componentsTags.video],
   entry: none,
@@ -30,21 +31,27 @@ export const component = defineComponentMetadata({
     component: () => import('./SaveMetadata.vue').then(m => m.default),
   },
   plugin: {
-    displayName: '下载视频 - 保存元数据',
+    displayName: `下载视频 - ${title}支持`,
     author,
     setup: ({ addData }) => {
       addData('downloadVideo.assets', async (assets: DownloadVideoAssets[]) => {
         assets.push({
-          name: 'saveMetadata',
-          displayName: '保存元数据',
-          getAssets: async (infos, instance: { saveMetadata: boolean }) => {
-            const { saveMetadata: enabled } = instance
+          name: 'saveVideoMetadata',
+          displayName: title,
+          getAssets: async (
+            infos,
+            instance: {
+              type: MetadataType
+              enabled: boolean
+            },
+          ) => {
+            const { type, enabled } = instance
             if (enabled) {
               const result: PackageEntry[] = []
               for (const info of infos) {
                 result.push({
-                  name: `${info.input.title}.ffmetadata.txt`,
-                  data: await generateFFMetadataBlob(info.input.aid, info.input.cid),
+                  name: `${info.input.title}.${type}.txt`,
+                  data: await generateByType(type, info.input.aid, info.input.cid),
                   options: {},
                 })
               }
diff --git a/registry/lib/components/video/metadata/metadata.ts b/registry/lib/components/video/metadata/metadata.ts
index 304cac9261..576e647fbc 100644
--- a/registry/lib/components/video/metadata/metadata.ts
+++ b/registry/lib/components/video/metadata/metadata.ts
@@ -2,23 +2,23 @@ import { VideoInfo, VideoPageInfo } from '@/components/video/video-info'
 import { VideoQuality } from '@/components/video/video-quality'
 import { bilibiliApi, getJsonWithCredentials } from '@/core/ajax'
 import { meta } from '@/core/meta'
+import { Toast } from '@/core/toast'
+import { title as pluginTitle } from '.'
+
+export type MetadataType = 'ffmetadata' | 'ogm'
 
 function escape(s: string) {
   return s.replace(/[=;#\\\n]/g, r => `\\${r}`)
 }
 
-function ff(key: string, value: any, prefix = true) {
-  return `${prefix ? 'bilibili_' : ''}${key}=${escape(lodash.toString(value))}`
-}
-
-export interface ViewPoint {
+interface ViewPoint {
   content: string
   from: number
   to: number
   image: string
 }
 
-export class VideoMetadata {
+class VideoMetadata {
   #aid: string
   #cid: number | string
 
@@ -48,12 +48,18 @@ export class VideoMetadata {
   }
 }
 
-export async function generateFFMetadata(
-  aid: string = unsafeWindow.aid,
-  cid: string = unsafeWindow.cid,
-) {
+async function fetchMetadata(aid: string = unsafeWindow.aid, cid: string = unsafeWindow.cid) {
   const data = new VideoMetadata(aid, cid)
   await data.fetch()
+  return data
+}
+
+function ff(key: string, value: any, prefix = true) {
+  return `${prefix ? 'bilibili_' : ''}${key}=${escape(lodash.toString(value))}`
+}
+
+async function generateFFMetadata(aid: string = unsafeWindow.aid, cid: string = unsafeWindow.cid) {
+  const data = await fetchMetadata(aid, cid)
   const info = data.basic
 
   const lines = [
@@ -85,7 +91,7 @@ export async function generateFFMetadata(
     lines.push(ff('quality_label', data.quality.name))
   }
 
-  if (data.viewPoints) {
+  if (data.viewPoints.length > 0) {
     for (const chapter of data.viewPoints) {
       lines.push(
         ...[
@@ -105,11 +111,42 @@ export async function generateFFMetadata(
   return result
 }
 
-export async function generateFFMetadataBlob(
+async function generateChapterFile(aid: string = unsafeWindow.aid, cid: string = unsafeWindow.cid) {
+  const { viewPoints } = await fetchMetadata(aid, cid)
+  console.debug(viewPoints)
+  if (viewPoints.length > 0) {
+    const result = viewPoints
+      .reduce((p, v, i) => {
+        const n = `${i + 1}`.padStart(3, '0')
+        return [
+          ...p,
+          `CHAPTER${n}=${new Date(v.from * 1000).toISOString().slice(11, -1)}`,
+          `CHAPTER${n}NAME=${v.content}`,
+        ]
+      }, [])
+      .join('\n')
+
+    console.debug(result)
+    return result
+  }
+  Toast.info('此视频没有章节', pluginTitle, 3000)
+  return null
+}
+
+export async function generateByType(
+  type: MetadataType,
   aid: string = unsafeWindow.aid,
   cid: string = unsafeWindow.cid,
 ) {
-  return new Blob([await generateFFMetadata(aid, cid)], {
-    type: 'text/plain',
-  })
+  let method: (aid, cid) => Promise<string>
+  switch (type) {
+    case 'ogm':
+      method = generateChapterFile
+      break
+    default:
+    case 'ffmetadata':
+      method = generateFFMetadata
+      break
+  }
+  return method(aid, cid)
 }

From c2d4e34f19c5eef91dbabd42403bad7360c334c5 Mon Sep 17 00:00:00 2001
From: WakelessSloth56 <wsloth56@foxmail.com>
Date: Mon, 22 Jul 2024 21:13:40 +0800
Subject: [PATCH 09/13] chore: fix plugin saveVideoMetadata  display text

---
 registry/lib/components/video/metadata/Plugin.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/registry/lib/components/video/metadata/Plugin.vue b/registry/lib/components/video/metadata/Plugin.vue
index a843f37a1b..6165a7e297 100644
--- a/registry/lib/components/video/metadata/Plugin.vue
+++ b/registry/lib/components/video/metadata/Plugin.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="download-video-config-section">
     <div class="download-video-config-item">
-      <div>保存元数据：</div>
+      <div>元数据：</div>
       <VDropdown v-model="type" :items="items">
         <template #item="{ item }">
           {{ item }}

From 374d57ed16f602c5bce55180602a434b3a782626 Mon Sep 17 00:00:00 2001
From: WakelessSloth56 <43951496+WakelessSloth56@users.noreply.github.com>
Date: Tue, 23 Jul 2024 22:48:22 +0800
Subject: [PATCH 10/13] chore: remove unnecessary settings

---
 .vscode/settings.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 2d7ebbf747..39e44277ea 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -136,6 +136,5 @@
     "tsconfig.json": "tsconfig.*.json",
     "package.json": "package-lock.json, yarn.lock, pnpm-lock.yaml, .*",
     "index.ts": "index.*.ts, index.md, index.*.md"
-  },
-  "typescript.tsdk": "node_modules\\typescript\\lib"
+  }
 }

From be7881782c8929c4689167c618ccc5c26fd6ad96 Mon Sep 17 00:00:00 2001
From: WakelessSloth56 <wsloth56@foxmail.com>
Date: Wed, 24 Jul 2024 23:40:36 +0800
Subject: [PATCH 11/13] fix: saveVideoMetadata artist field

---
 registry/lib/components/video/metadata/index.ts    | 5 +++--
 registry/lib/components/video/metadata/metadata.ts | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/registry/lib/components/video/metadata/index.ts b/registry/lib/components/video/metadata/index.ts
index 0fae713633..b3df0743b4 100644
--- a/registry/lib/components/video/metadata/index.ts
+++ b/registry/lib/components/video/metadata/index.ts
@@ -6,6 +6,7 @@ import { DownloadVideoAssets } from '../download/types'
 import { generateByType, MetadataType } from './metadata'
 
 export const title = '保存视频元数据'
+export const name = 'saveVideoMetadata'
 
 const author = [
   {
@@ -19,7 +20,7 @@ const author = [
 ]
 
 export const component = defineComponentMetadata({
-  name: 'saveVideoMetadata',
+  name,
   displayName: title,
   description: '保存视频元数据（标题、描述、UP、章节等）',
   author,
@@ -36,7 +37,7 @@ export const component = defineComponentMetadata({
     setup: ({ addData }) => {
       addData('downloadVideo.assets', async (assets: DownloadVideoAssets[]) => {
         assets.push({
-          name: 'saveVideoMetadata',
+          name,
           displayName: title,
           getAssets: async (
             infos,
diff --git a/registry/lib/components/video/metadata/metadata.ts b/registry/lib/components/video/metadata/metadata.ts
index 576e647fbc..6f30f52cab 100644
--- a/registry/lib/components/video/metadata/metadata.ts
+++ b/registry/lib/components/video/metadata/metadata.ts
@@ -69,7 +69,7 @@ async function generateFFMetadata(aid: string = unsafeWindow.aid, cid: string =
     // Standard fields
     ff('title', `${info.title} - ${data.page.title}`, false),
     ff('description', info.description, false),
-    ff('author', info.up.name, false),
+    ff('artist', info.up.name, false),
     // Custom fields
     ff('title', info.title),
     ff('description', info.description),

From 0638dbdb24b9a7f71fea1709ad1b447c61aee999 Mon Sep 17 00:00:00 2001
From: WakelessSloth56 <wsloth56@foxmail.com>
Date: Thu, 25 Jul 2024 00:14:42 +0800
Subject: [PATCH 12/13] feat: wasm plugin supports ffmetadata

---
 .../lib/components/video/metadata/index.ts    |  4 ++
 .../video/download/wasm-output/handler.ts     | 61 ++++++++++++-------
 2 files changed, 43 insertions(+), 22 deletions(-)

diff --git a/registry/lib/components/video/metadata/index.ts b/registry/lib/components/video/metadata/index.ts
index b3df0743b4..bcdbdecea1 100644
--- a/registry/lib/components/video/metadata/index.ts
+++ b/registry/lib/components/video/metadata/index.ts
@@ -1,6 +1,7 @@
 import { defineComponentMetadata } from '@/components/define'
 import { PackageEntry } from '@/core/download'
 import { hasVideo } from '@/core/spin-query'
+import { Toast } from '@/core/toast'
 import { videoUrls } from '@/core/utils/urls'
 import { DownloadVideoAssets } from '../download/types'
 import { generateByType, MetadataType } from './metadata'
@@ -48,6 +49,7 @@ export const component = defineComponentMetadata({
           ) => {
             const { type, enabled } = instance
             if (enabled) {
+              const toast = Toast.info('获取视频元数据中...', title)
               const result: PackageEntry[] = []
               for (const info of infos) {
                 result.push({
@@ -56,6 +58,8 @@ export const component = defineComponentMetadata({
                   options: {},
                 })
               }
+              toast.message = '完成！'
+              toast.duration = 1000
               return result
             }
             return []
diff --git a/registry/lib/plugins/video/download/wasm-output/handler.ts b/registry/lib/plugins/video/download/wasm-output/handler.ts
index 1c48e12fd3..1f97330e3e 100644
--- a/registry/lib/plugins/video/download/wasm-output/handler.ts
+++ b/registry/lib/plugins/video/download/wasm-output/handler.ts
@@ -1,4 +1,4 @@
-import { DownloadPackage } from '@/core/download'
+import { DownloadPackage, PackageEntry } from '@/core/download'
 import { meta } from '@/core/meta'
 import { getComponentSettings } from '@/core/settings'
 import { Toast } from '@/core/toast'
@@ -46,7 +46,8 @@ async function single(
   name: string,
   videoUrl: string,
   audioUrl: string,
-  isFlac: boolean,
+  ffmetadata: string,
+  outputMkv: boolean,
   pageIndex = 1,
   totalPages = 1,
 ) {
@@ -55,32 +56,35 @@ async function single(
   ffmpeg.writeFile('video', await httpGet(videoUrl, toastProgress(toast, '正在下载视频流')))
   ffmpeg.writeFile('audio', await httpGet(audioUrl, toastProgress(toast, '正在下载音频流')))
 
+  const args = ['-i', 'video', '-i', 'audio']
+
+  if (ffmetadata) {
+    ffmpeg.writeFile('ffmetadata', new TextEncoder().encode(ffmetadata))
+    args.push('-i', 'ffmetadata', '-map_metadata', '2')
+    if (!outputMkv) {
+      args.push('-movflags', '+use_metadata_tags')
+    }
+  }
+
+  args.push('-codec', 'copy', '-f', outputMkv ? 'matroska' : 'mp4', 'output')
+
+  console.debug('FFmpeg commandline args:', args.join(' '))
+
   toast.message = '混流中……'
-  const outputExt = isFlac ? 'mkv' : 'mp4'
-  name = name.replace(/.[^/.]+$/, `.${outputExt}`)
-  await ffmpeg.exec([
-    '-i',
-    'video',
-    '-i',
-    'audio',
-    '-c:v',
-    'copy',
-    '-c:a',
-    'copy',
-    '-f',
-    isFlac ? 'matroska' : 'mp4',
-    `output.${outputExt}`,
-  ])
-
-  const output = await ffmpeg.readFile(`output.${outputExt}`)
+  await ffmpeg.exec(args)
+
+  const output = await ffmpeg.readFile('output')
   const outputBlob = new Blob([output], {
-    type: isFlac ? 'video/x-matroska' : 'video/mp4',
+    type: outputMkv ? 'video/x-matroska' : 'video/mp4',
   })
 
   toast.message = '完成！'
   toast.duration = 1000
 
-  await DownloadPackage.single(name, outputBlob)
+  await DownloadPackage.single(
+    name.replace(/.[^/.]+$/, `.${outputMkv ? 'mkv' : 'mp4'}`),
+    outputBlob,
+  )
 }
 
 export async function run(action: DownloadVideoAction) {
@@ -88,10 +92,22 @@ export async function run(action: DownloadVideoAction) {
     await loadFFmpeg()
   }
 
+  const { infos: pages, extraAssets } = action
+
+  let ffmetadata: PackageEntry[]
+  const extraAssetsForBrowser = []
+  for (const { asset, instance } of extraAssets) {
+    if (!ffmetadata && asset.name === 'saveVideoMetadata' && instance.type === 'ffmetadata') {
+      ffmetadata = await asset.getAssets(pages, instance)
+    } else {
+      extraAssetsForBrowser.push({ asset, instance })
+    }
+  }
+  action.extraAssets = extraAssetsForBrowser
+
   const { dashAudioExtension, dashFlacAudioExtension, dashVideoExtension } =
     getComponentSettings<Options>('downloadVideo').options
 
-  const pages = action.infos
   for (let i = 0; i < pages.length; i++) {
     const page = pages[i]
     const [video, audio] = page.titledFragments
@@ -109,6 +125,7 @@ export async function run(action: DownloadVideoAction) {
       video.title,
       video.url,
       audio.url,
+      <string>ffmetadata?.[i]?.data,
       audio.extension === dashFlacAudioExtension,
       i + 1,
       pages.length,

From 3684f7db0c56319245af2596f7a4e1ce40f282a3 Mon Sep 17 00:00:00 2001
From: lainio24 <lainio24@outlook.com>
Date: Tue, 30 Jul 2024 11:43:09 +0800
Subject: [PATCH 13/13] feat: wasm plugin switch for whether to mux metadata

---
 .../video/download/wasm-output/Config.vue     | 41 +++++++++++++++++++
 .../video/download/wasm-output/handler.ts     | 18 ++++----
 .../video/download/wasm-output/index.ts       |  7 ++--
 3 files changed, 55 insertions(+), 11 deletions(-)
 create mode 100644 registry/lib/plugins/video/download/wasm-output/Config.vue

diff --git a/registry/lib/plugins/video/download/wasm-output/Config.vue b/registry/lib/plugins/video/download/wasm-output/Config.vue
new file mode 100644
index 0000000000..0934be6e4f
--- /dev/null
+++ b/registry/lib/plugins/video/download/wasm-output/Config.vue
@@ -0,0 +1,41 @@
+<template>
+  <div v-if="shouldShow" class="download-video-config-item" style="flex-wrap: wrap">
+    <div class="download-video-config-title">写入元数据：</div>
+    <SwitchBox v-model="muxWithMetadata" @change="saveOptions" />
+    <div class="download-video-config-description" style="width: 100%">
+      仅支持元数据类型「ffmetadata」
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { SwitchBox } from '@/ui'
+import { isComponentEnabled, getComponentSettings } from '@/core/settings'
+
+interface Options {
+  muxWithMetadata: boolean
+}
+const defaultOptions: Options = {
+  muxWithMetadata: false,
+}
+const { options: storedOptions } = getComponentSettings('downloadVideo')
+const options: Options = { ...defaultOptions, ...storedOptions }
+export default Vue.extend({
+  components: {
+    SwitchBox,
+  },
+  data() {
+    const shouldShow = isComponentEnabled('saveVideoMetadata')
+    return {
+      shouldShow,
+      muxWithMetadata: shouldShow && options.muxWithMetadata,
+    }
+  },
+  methods: {
+    saveOptions() {
+      options.muxWithMetadata = this.muxExtraAssets
+      Object.assign(storedOptions, options)
+    },
+  },
+})
+</script>
diff --git a/registry/lib/plugins/video/download/wasm-output/handler.ts b/registry/lib/plugins/video/download/wasm-output/handler.ts
index 1f97330e3e..3a22090ec5 100644
--- a/registry/lib/plugins/video/download/wasm-output/handler.ts
+++ b/registry/lib/plugins/video/download/wasm-output/handler.ts
@@ -87,7 +87,7 @@ async function single(
   )
 }
 
-export async function run(action: DownloadVideoAction) {
+export async function run(action: DownloadVideoAction, muxWithMetadata: boolean) {
   if (!ffmpeg.loaded) {
     await loadFFmpeg()
   }
@@ -95,15 +95,17 @@ export async function run(action: DownloadVideoAction) {
   const { infos: pages, extraAssets } = action
 
   let ffmetadata: PackageEntry[]
-  const extraAssetsForBrowser = []
-  for (const { asset, instance } of extraAssets) {
-    if (!ffmetadata && asset.name === 'saveVideoMetadata' && instance.type === 'ffmetadata') {
-      ffmetadata = await asset.getAssets(pages, instance)
-    } else {
-      extraAssetsForBrowser.push({ asset, instance })
+  if (muxWithMetadata) {
+    const extraAssetsForBrowser = []
+    for (const { asset, instance } of extraAssets) {
+      if (!ffmetadata && asset.name === 'saveVideoMetadata' && instance.type === 'ffmetadata') {
+        ffmetadata = await asset.getAssets(pages, instance)
+      } else {
+        extraAssetsForBrowser.push({ asset, instance })
+      }
     }
+    action.extraAssets = extraAssetsForBrowser
   }
-  action.extraAssets = extraAssetsForBrowser
 
   const { dashAudioExtension, dashFlacAudioExtension, dashVideoExtension } =
     getComponentSettings<Options>('downloadVideo').options
diff --git a/registry/lib/plugins/video/download/wasm-output/index.ts b/registry/lib/plugins/video/download/wasm-output/index.ts
index 3cde08f64c..d5039f2592 100644
--- a/registry/lib/plugins/video/download/wasm-output/index.ts
+++ b/registry/lib/plugins/video/download/wasm-output/index.ts
@@ -19,14 +19,15 @@ export const plugin: PluginMetadata = {
       outputs.push({
         name: 'wasm',
         displayName: 'WASM',
-        description: `${desc}，运行过程中请勿关闭页面，初次使用或清除缓存后需要加载约 30 MB 的 WASM 文件`,
-        runAction: async action => {
+        description: `${desc}。运行过程中请勿关闭页面，初次使用或清除缓存后需要加载约 30 MB 的 WASM 文件。`,
+        runAction: async (action, instance) => {
           try {
-            await run(action)
+            await run(action, instance.muxWithMetadata)
           } catch (error) {
             Toast.error(String(error), title)
           }
         },
+        component: () => import('./Config.vue').then(m => m.default),
       })
     })
   },