增加字体背景

src/views/home/compositions/useManyValues.ts

@@ -67,7 +67,7 @@ export const useManyValues = () => {
   const vertical_data = {
     task_id: "20240220181602687",
     chatgpt_prompt: `生成一个50字的科幻小故事，阿凡达系列`,
-    chatgpt_answer: `在奇幻的熊猫王国，阿宝——不再是功夫大师，而化身为西游世界里的神秘旅者。一日，阿宝巧遇唐僧师徒四人，他们正被一只诡异黑影困扰，经书被盗，疑云密布。画面中，阿宝手持九齿钉耙，取代八戒成为护法，勇闯妖洞。峰回路转，黑影竟是被封印的悟空分身，误入歧途。阿宝凭借智慧与武力，解开误会，反转剧情，助悟空分身归于本体，携手抵御真正邪魔，恢复取经历程的和平景象。`,
+    chatgpt_answer: `在奇幻的熊猫王国，阿宝——不再是功夫大师，而化身为西游世界里的神秘旅者。一日，阿宝巧遇唐僧师徒四人，他们正被一只诡异黑影困扰，经书被盗，疑云密布。`,
     chatgpt_answer_roles: [],
     adapt_result_json: [],
     final_video: ``,

src/views/home/index.vue

@@ -43,8 +43,9 @@ const bgm_volume = ref(0.3)
 const pwdCheckDialogVisible = ref(false);
 const pwdCheckValue = ref("")
 const sub_font_color = ref("#FFFF00")
+const sub_bg_color = ref()
 const sub_font_size = ref(25)
-const sub_position = ref(0.4)
+const sub_position = ref(0.3)
 
 
 onMounted(() => {
@@ -513,6 +514,10 @@ const onGenVideo = () => {
     sub_font_size: String(sub_font_size.value),
     sub_font_color: sub_font_color.value,
     sub_position: String(1 - sub_position.value),
+    sub_bg_color: "",
+  }
+  if (sub_bg_color.value) {
+    video_param.sub_bg_color = sub_bg_color.value;
   }
   text2videoService
     .submitGenVideo(video_param)
@@ -861,6 +866,8 @@ const onDeleteOne = (item: any) => {
         <div v-if="JSON.parse(form.if_need_subtitle.toLowerCase())">
           <span style="margin-left:30px;">字体颜色：</span>
           <el-color-picker v-model="sub_font_color"/>
+          <span style="margin-left:30px;">字体背景：</span>
+          <el-color-picker v-model="sub_bg_color"/>
           <span style="margin-left:30px;">字体大小：</span>
           <el-input-number v-model="sub_font_size" :min="1" :max="50" controls-position="right" />
           <span style="margin-left:30px;">在屏幕上的位置：</span>