11

src/stores/workflow.js

@@ -16,6 +16,8 @@ import {
 
 } from "../config/videoPipeline.js";
 
+import { getVoiceDisplayLabel } from "../utils/voiceLabel.js";
+
 
 
 const PIPELINE_SCRIPT = "douyin_pipeline.js";
@@ -138,6 +140,11 @@ export const useWorkflowStore = defineStore("workflow", {
 
     // 02 音视频生成
 
+    /** 选中音色 id：sys_* 系统音色 或 clone_* 克隆音色 */
+    selectedVoiceId: "sys_Cherry",
+
+    voiceManageModalVisible: false,
+
     voiceEmotion: "自然",
 
     speechRate: 1,
@@ -220,6 +227,8 @@ export const useWorkflowStore = defineStore("workflow", {
 
     avatarOptions: () => [{ label: "请选择形象", value: null }],
 
+    selectedVoiceLabel: (state) => getVoiceDisplayLabel(state.selectedVoiceId),
+
     keywordCountFocus: (state) => countLines(state.keywordsFocus),
 
     keywordCountDescribe: (state) => countLines(state.keywordsDescribe),
@@ -401,6 +410,26 @@ export const useWorkflowStore = defineStore("workflow", {
 
     },
 
+    openVoiceManageDialog() {
+
+      this.voiceManageModalVisible = true;
+
+    },
+
+    closeVoiceManageDialog() {
+
+      this.voiceManageModalVisible = false;
+
+    },
+
+    selectVoice(voiceId) {
+
+      this.selectedVoiceId = voiceId;
+
+      this.voiceManageModalVisible = false;
+
+    },
+
     resetAll() {
 
       this.$reset();