完善视频处理进度交互，增加批量任务能力，优化大量细节

Author: YILS-LIN

README.md

@@ -58,14 +58,14 @@
 
 ## 🗺️ 路线图
 
-**当前正在积极开发中，即将发布第一个版本，喜欢可以点个 Star 支持一下！**
+**喜欢可以点个 Star 支持一下哦！**
 
 下面是已实现和计划中的功能：
 
 - [x] 文案生成，兼容通用的 OpenAI 接口格式
 - [x] 语音合成，支持EdgeTTS
 - [x] 视频剪辑，文案、视频、音频、字幕合成，自动混剪
-- [ ] 批量处理，支持一个批量任务，按预设自动持续合成视频
+- [x] 批量处理，支持一个批量任务，按预设自动持续合成视频
 - [ ] 字幕特效，支持多种字幕样式和特效
 
 

electron/lib/tools.ts

@@ -1,6 +1,12 @@
 import fs from 'node:fs'
 import path from 'node:path'
+import { app } from 'electron'
 
+// import packageJson from '~/package.json'
+
+/**
+ * 生成有序的唯一文件名，用于处理文件已存在的情况
+ */
 export function generateUniqueFileName(filePath: string): string {
   const dir = path.dirname(filePath)
   const ext = path.extname(filePath)
@@ -14,3 +20,10 @@ export function generateUniqueFileName(filePath: string): string {
   }
   return newPath
 }
+
+/**
+ * 获取软件的临时文件存储路径
+ */
+export function getAppTempPath() {
+  return path.join(app.getPath('temp'), app.name).replace(/\\/g, '/')
+}

electron/tts/index.ts

@@ -1,21 +1,37 @@
 import fs from 'node:fs'
 import path from 'node:path'
-import { app } from 'electron'
 import { EdgeTTS } from '../lib/edge-tts'
 import { parseBuffer } from 'music-metadata'
 import {
   EdgeTtsSynthesizeCommonParams,
   EdgeTtsSynthesizeToFileParams,
   EdgeTtsSynthesizeToFileResult,
 } from './types'
+import { getAppTempPath } from '../lib/tools'
+import { app } from 'electron'
 
 const edgeTts = new EdgeTTS()
 const setupTime = new Date().getTime()
 
 export function getTempTtsVoiceFilePath() {
-  return path.join(app.getPath('temp'), `temp-tts-voice-${setupTime}.mp3`).replace(/\\/g, '/')
+  return path.join(getAppTempPath(), `temp-tts-voice-${setupTime}.mp3`).replace(/\\/g, '/')
 }
 
+export function clearCurrentTtsFiles() {
+  const voicePath = getTempTtsVoiceFilePath()
+  if (fs.existsSync(voicePath)) {
+    fs.unlinkSync(voicePath)
+  }
+  const srtPath = path.join(path.dirname(voicePath), path.basename(voicePath, '.mp3') + '.srt')
+  if (fs.existsSync(srtPath)) {
+    fs.unlinkSync(srtPath)
+  }
+}
+
+app.on('before-quit', () => {
+  clearCurrentTtsFiles()
+})
+
 export function edgeTtsGetVoiceList() {
   return edgeTts.getVoices()
 }

images/ScreenShot.png

@@ -1,7 +1,7 @@
 {
   "name": "short-video-factory",
   "description": "短视频工厂，一键生成产品营销与泛内容短视频，AI批量自动剪辑",
-  "version": "0.6.6",
+  "version": "0.7.0",
   "author": {
     "name": "YILS",
     "developer": "YILS",

package.json

@@ -62,6 +62,7 @@ export const useAppStore = defineStore(
       outputFileName: '',
       outputFileExt: '.mp4',
     })
+    const autoBatch = ref(false)
     const renderStatus = ref(RenderStatus.None)
     const updateRenderConfig = (newConfig: typeof renderConfig.value) => {
       renderConfig.value = newConfig
@@ -89,14 +90,15 @@ export const useAppStore = defineStore(
       tryListeningText,
 
       renderConfig,
+      autoBatch,
       renderStatus,
       updateRenderConfig,
       updateRenderStatus,
     }
   },
   {
     persist: {
-      omit: ['genderList', 'speedList'],
+      omit: ['genderList', 'speedList', 'autoBatch', 'renderStatus'],
     },
   },
 )

src/store/app.ts

@@ -21,7 +21,14 @@
           >
             生成
           </v-btn>
-          <v-btn v-else prepend-icon="mdi-stop" color="red" stacked @click="handleStopGenerate">
+          <v-btn
+            v-else
+            prepend-icon="mdi-stop"
+            color="red"
+            stacked
+            :disabled="disabled"
+            @click="handleStopGenerate"
+          >
             停止
           </v-btn>
 
@@ -107,9 +114,9 @@ defineProps<{
 const outputText = ref('')
 const isGenerating = ref(false)
 const abortController = ref<AbortController | null>(null)
-const handleGenerate = async () => {
+const handleGenerate = async (oprions?: { noToast?: boolean }) => {
   if (!appStore.prompt) {
-    toast.warning('提示词不能为空')
+    !oprions?.noToast && toast.warning('提示词不能为空')
     throw new Error('提示词不能为空')
   }
 
@@ -134,17 +141,19 @@ const handleGenerate = async () => {
     for await (const textPart of result.textStream) {
       outputText.value += textPart
     }
+    return outputText.value
   } catch (error) {
     console.log(`error`, error)
     // @ts-ignore
     if (error?.name !== 'AbortError' && error?.error?.name !== 'AbortError') {
       // @ts-ignore
       const errorMessage = error?.message || error?.error?.message
-      toast.error(
-        `生成失败，请检查大模型配置是否正确\n${errorMessage ? '错误信息：“' + errorMessage + '”' : ''}`,
-      )
+      !oprions?.noToast &&
+        toast.error(
+          `生成失败，请检查大模型配置是否正确\n${errorMessage ? '错误信息：“' + errorMessage + '”' : ''}`,
+        )
+      throw error
     }
-    throw error
   } finally {
     abortController.value = null
     isGenerating.value = false
@@ -204,8 +213,12 @@ const handleTestConfig = async () => {
 const getCurrentOutputText = () => {
   return outputText.value
 }
+// 清空文案
+const clearOutputText = () => {
+  outputText.value = ''
+}
 
-defineExpose({ handleGenerate, getCurrentOutputText })
+defineExpose({ handleGenerate, handleStopGenerate, getCurrentOutputText, clearOutputText })
 </script>
 
 <style lang="scss" scoped>

src/views/Home/components/text-generate.vue

@@ -1,55 +1,58 @@
 <template>
   <div>
-    <v-sheet class="h-fit p-2" border rounded>
-      <v-combobox
-        v-model="appStore.language"
-        density="comfortable"
-        label="语言"
-        :items="appStore.languageList"
-        no-data-text="无数据"
-        @update:model-value="clearVoice"
-      ></v-combobox>
-      <v-select
-        v-model="appStore.gender"
-        density="comfortable"
-        label="性别"
-        :items="appStore.genderList"
-        item-title="label"
-        item-value="value"
-        @update:model-value="clearVoice"
-      ></v-select>
-      <v-select
-        v-model="appStore.voice"
-        density="comfortable"
-        label="声音"
-        :items="filteredVoicesList"
-        item-title="FriendlyName"
-        return-object
-        no-data-text="请先选择语言和性别"
-      ></v-select>
-      <v-select
-        v-model="appStore.speed"
-        density="comfortable"
-        label="语速"
-        :items="appStore.speedList"
-        item-title="label"
-        item-value="value"
-      ></v-select>
-      <v-text-field
-        v-model="appStore.tryListeningText"
-        density="comfortable"
-        label="试听文本"
-      ></v-text-field>
-      <v-btn
-        class="mb-2"
-        prepend-icon="mdi-volume-high"
-        block
-        :loading="tryListeningLoading"
-        @click="handleTryListening"
-      >
-        试听
-      </v-btn>
-    </v-sheet>
+    <v-form :disabled="disabled">
+      <v-sheet class="h-fit p-2" border rounded>
+        <v-combobox
+          v-model="appStore.language"
+          density="comfortable"
+          label="语言"
+          :items="appStore.languageList"
+          no-data-text="无数据"
+          @update:model-value="clearVoice"
+        ></v-combobox>
+        <v-select
+          v-model="appStore.gender"
+          density="comfortable"
+          label="性别"
+          :items="appStore.genderList"
+          item-title="label"
+          item-value="value"
+          @update:model-value="clearVoice"
+        ></v-select>
+        <v-select
+          v-model="appStore.voice"
+          density="comfortable"
+          label="声音"
+          :items="filteredVoicesList"
+          item-title="FriendlyName"
+          return-object
+          no-data-text="请先选择语言和性别"
+        ></v-select>
+        <v-select
+          v-model="appStore.speed"
+          density="comfortable"
+          label="语速"
+          :items="appStore.speedList"
+          item-title="label"
+          item-value="value"
+        ></v-select>
+        <v-text-field
+          v-model="appStore.tryListeningText"
+          density="comfortable"
+          label="试听文本"
+        ></v-text-field>
+        <v-btn
+          class="mb-2"
+          prepend-icon="mdi-volume-high"
+          block
+          :loading="tryListeningLoading"
+          :disabled="disabled"
+          @click="handleTryListening"
+        >
+          试听
+        </v-btn>
+      </v-sheet>
+    </v-form>
   </div>
 </template>
 
@@ -61,6 +64,10 @@ import { useToast } from 'vue-toastification'
 const toast = useToast()
 const appStore = useAppStore()
 
+defineProps<{
+  disabled?: boolean
+}>()
+
 const configValid = () => {
   if (!appStore.voice) {
     toast.warning('请选择一个声音')
@@ -140,7 +147,6 @@ const synthesizedSpeechToFile = async (option: { text: string; withCaption?: boo
     return result
   } catch (error) {
     console.log('语音合成失败', error)
-    toast.error('语音合成失败，请检查网络')
     throw error
   }
 }