Skip to content

T
text2video-frontend
Commit 7a420fbc authored by 周成波's avatar 周成波
Browse files
Options

封底图片update

parent 7e15b57b
Hide whitespace changes
Inline Side-by-side
Showing with 39 additions and 19 deletions
src/views/home/compositions/useManyValues.ts
View file @ 7a420fbc
......@@ -280,28 +280,34 @@ export const useManyValues = () => {
words_num: 100,
result1: "",
result2: "",
if_need_product_pic: "false",
product_pic: "http://wm-tools-backend.frp.wmdigit.com:8888/assets/2024/03/06/4784edb2-db68-11ee-a7de-9be5c7a16c02_resized.jpg",
product_pic_local: "assets/2024/03/06/4784edb2-db68-11ee-a7de-9be5c7a16c02_resized.jpg",
product_pic_with_text: "http://wm-tools-backend.frp.wmdigit.com:8888/assets/2024/03/06/4784edb2-db68-11ee-a7de-9be5c7a16c02_resized_with_text.jpg",
product_pic_with_text_local: "assets/2024/03/06/4784edb2-db68-11ee-a7de-9be5c7a16c02_resized_with_text.jpg",
product_pic: "http://wm-tools-backend.frp.wmdigit.com:8888/assets/2024/03/12/887a52c6-e022-11ee-a7de-9be5c7a16c02_resized.png",
product_pic_local: "assets/2024/03/12/887a52c6-e022-11ee-a7de-9be5c7a16c02_resized.png",
product_pic_with_text: "http://wm-tools-backend.frp.wmdigit.com:8888/assets/2024/03/12/887a52c6-e022-11ee-a7de-9be5c7a16c02_resized_with_text.png",
product_pic_with_text_local: "assets/2024/03/12/887a52c6-e022-11ee-a7de-9be5c7a16c02_resized_with_text.png",
product_pic_titles: [
{
text: "金巧蒂原味猪肉松",
color: "#FB7D01",
bg_color: "",
font_size: 45,
position: 0.8,
font_size: 60,
position: 0.92,
},
{
text: "促销价只要8.8！快来抢购吧~",
color: "#FF0800",
color: "#FF008C",
bg_color: "",
font_size: 45,
position: 0.2,
font_size: 50,
position: 0.41,
},
{
text: "关注 点赞 评论\n记得一键三连哦",
color: "#000000",
bg_color: "",
font_size: 50,
position: 0.12,
},
],
product_pic_speech: "我们的产品正在促销热卖中，点点关注哦~",
product_pic_speech: "我们的产品正在促销热卖中，点点关注吧~",
};
return {
......
src/views/home/index.vue
View file @ 7a420fbc
......@@ -40,7 +40,7 @@ const tuili_llm = default_data.llms.qwen_local;
const tuili_keyword_llm = default_data.llms.tyqw_online;
const fanyi_llm = default_data.llms.qwen_local;
const voice_rate = ref(-10)
const voice_rate = ref(0)
const voice_volume = ref(0)
const voice = ref("zh-CN-YunjianNeural")
const bgm = ref("解忧曲")
......@@ -49,7 +49,7 @@ 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_font_size = ref(35)
const sub_position = ref(0.3)
const marketingTemplateVisible = ref(false);
......@@ -66,7 +66,7 @@ const marketing_template = reactive({
prompt2: "",
result1: "",
result2: "",
if_need_product_pic: "",
if_need_product_pic: "false",
product_pic: "src/assets/waiting.png",
product_pic_local: "",
product_pic_with_text: "",
......@@ -584,6 +584,13 @@ const onGenVideo = () => {
img_path: item.local_image_path
};
});
if (marketing_template.if_need_product_pic == 'true' && marketing_template.product_pic_with_text_local && marketing_template.product_pic_speech) {
video_param_detail.push({
idx: String(form.adapt_result_json.length + 1),
text: marketing_template.product_pic_speech,
img_path: marketing_template.product_pic_with_text_local
})
}
let para_rate = `${voice_rate.value}%`;
let para_volume = `${voice_volume.value}%`;
if (voice_rate.value >= 0) { para_rate = `+${para_rate}` }
......@@ -660,6 +667,7 @@ const onChangeScreen = (val: string) => {
marketing_template.product_pic_local = default_data.marketing_template.product_pic_local;
marketing_template.product_pic_with_text = default_data.marketing_template.product_pic_with_text;
marketing_template.product_pic_with_text_local = default_data.marketing_template.product_pic_with_text_local;
marketing_template.if_need_product_pic = 'true';
}
marketing_template.product_name = default_data.marketing_template.product_name;
......@@ -670,7 +678,6 @@ const onChangeScreen = (val: string) => {
marketing_template.story_type = default_data.marketing_template.story_type;
marketing_template.reference = default_data.marketing_template.reference;
marketing_template.words_num = default_data.marketing_template.words_num;
marketing_template.if_need_product_pic = default_data.marketing_template.if_need_product_pic;
marketing_template.product_pic_titles = default_data.marketing_template.product_pic_titles;
marketing_template.product_pic_speech = default_data.marketing_template.product_pic_speech;
......@@ -815,7 +822,7 @@ const onAddMarketingTemplatePicText = () => {
text: "新的文本",
color: "#000000",
bg_color: "#FFFFFF",
font_size: 20,
font_size: 50,
position: 0.5
};
marketing_template.product_pic_titles.push(newElement);
......@@ -1058,6 +1065,13 @@ const onMarketingTemplateSubmitGpt = async () => {
</el-table-column>
</el-table>
</el-form-item>
<el-form-item label="封底" v-if="JSON.parse(marketing_template.if_need_product_pic.toLowerCase()) && marketing_template.product_pic_with_text_local">
<div :style="{ width: String(parseInt(form.img_size.width) / 2)+'px' } " class="dashed-div">
<el-image :src="marketing_template.product_pic_with_text" />
</div>
<span style="margin: 0 20px 0 20px">镜头旁白：</span>
<el-input v-model="marketing_template.product_pic_speech" :autosize="true" type="textarea" style="width: 400px;"></el-input>
</el-form-item>
<!-- 生成视频 -->
<el-form-item label="设置">
<span style="margin: 0 20px">TTS语速：</span>
......@@ -1178,7 +1192,7 @@ const onMarketingTemplateSubmitGpt = async () => {
<el-form-item label="文案字数">
<el-input-number v-model="marketing_template.words_num" :min="10" :max="500" controls-position="right"/>
</el-form-item>
<el-form-item label="商品图片">
<el-form-item label="封底图片">
<el-switch v-model="marketing_template.if_need_product_pic" active-value="true" inactive-value="false" />
</el-form-item>
<div v-if="JSON.parse(marketing_template.if_need_product_pic.toLowerCase())">
......@@ -1208,9 +1222,9 @@ const onMarketingTemplateSubmitGpt = async () => {
<span style="margin-left:30px;">字体背景：</span>
<el-color-picker v-model="pic_title.bg_color" />
<span style="margin-left:30px;">字体大小：</span>
<el-input-number v-model="pic_title.font_size" :min="1" :max="50" controls-position="right" />
<el-input-number v-model="pic_title.font_size" :min="1" :max="100" controls-position="right" />
<span style="margin-left:30px;">在图片上的位置：</span>
<el-slider v-model="pic_title.position" :step="0.1" :min="0" :max="1" show-input vertical height="100px" style="margin-top: 10px;"/>
<el-slider v-model="pic_title.position" :step="0.01" :min="0" :max="1" show-input vertical height="100px" style="margin-top: 10px;"/>
<el-button type="danger" size="small" @click="marketing_template.product_pic_titles.splice(index, 1);" style="margin-left: 80px;">删除</el-button>
</div>
<el-button type="success" size="small" @click="onPreviewMarketingTemplatePicText">预览</el-button>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment