Skip to content

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

增加页面配置

parent a86a47c3
Hide whitespace changes
Inline Side-by-side
Showing with 248 additions and 102 deletions
components.d.ts
View file @ 79bd2a05
......@@ -10,15 +10,20 @@ declare module 'vue' {
ElButton: typeof import('element-plus/es')['ElButton']
ElDialog: typeof import('element-plus/es')['ElDialog']
ElDivider: typeof import('element-plus/es')['ElDivider']
ElElFormItem: typeof import('element-plus/es')['ElElFormItem']
ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElImage: typeof import('element-plus/es')['ElImage']
ElInput: typeof import('element-plus/es')['ElInput']
ElOption: typeof import('element-plus/es')['ElOption']
ElRadio: typeof import('element-plus/es')['ElRadio']
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
ElSelect: typeof import('element-plus/es')['ElSelect']
ElSlider: typeof import('element-plus/es')['ElSlider']
ElTable: typeof import('element-plus/es')['ElTable']
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
ElUpload: typeof import('element-plus/es')['ElUpload']
ElWatermark: typeof import('element-plus/es')['ElWatermark']
HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default']
IconDocumentation: typeof import('./src/components/icons/IconDocumentation.vue')['default']
......
src/views/home/compositions/useManyValues.ts
View file @ 79bd2a05
import { ref } from 'vue'
import { ref, reactive } from 'vue'
import type { CSSProperties } from 'vue'
interface MyMarkInterface {
style: CSSProperties
label: string
}
type MyMarkType = Record<number, MyMarkInterface | string>
export const useManyValues = () => {
const screen = "竖屏";
......@@ -66,106 +73,6 @@ export const useManyValues = () => {
"画面描述词": "One day, he heard about a legendary treasure hidden in the old church in town. Excitement filled his heart as he imagined the possibilities. Determined to uncover the truth, young boy named Xiao Ming embarked on an adventure that would take him to the heart of the town. The old church stood tall, its weathered stones whispering stories of centuries past. Inside, he could feel the ancient aura beckoning him further, as if guiding him towards the secrets that lay within. With each step, the anticipation grew, and the flickering light from his flashlight danced on the walls, casting eerie shadows. The air was heavy with anticipation, as Xiao Ming's heart raced with both thrill and uncertainty. Little did he know, this quest for the treasure would not only test his courage, but also reveal the true essence of his spirit.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/2.png?v=20240209114500766",
"local_image_path": "assets/outputs/20240209114425596/img/2.png"
},
{
"编号": "3",
"场景描述": "于是，小明决定前往探寻宝藏的秘密",
"场景关键词": "小男孩,冒险,探险,老教堂,宝藏,森林,河流,教堂房间,钟楼,石头,秘密通道",
"角色": "小明",
"角色关键词": "男性,年轻,普通衣服,普通发型,普通脸色,兴奋,失望,沮丧,高兴,抱起宝藏",
"画面描述词": "So, the young boy named Xiao Ming decided to embark on an adventure and explore the secrets of the treasure. With excitement shining in his eyes, he made his way towards the ancient old church, where rumors claimed the treasure was hidden. As he ventured into the mysterious forest surrounding the church, he could hear the sound of a gentle river flowing nearby. The atmosphere was filled with a sense of anticipation as Xiao Ming entered the dimly lit church room, with sunlight streaming through stained glass windows. His heart skipped a beat as he noticed a peculiar stone embedded in the wall. With curiosity overwhelming his senses, he gingerly pushed the stone, and to his amazement, a secret passage opened right before him. Determined to unravel the mystery, he cautiously descended into the hidden tunnel. The passage led him to a narrow staircase that spiraled upwards, eventually revealing the grand clock tower. As he climbed higher, the air became thinner, but his determination grew stronger. Finally, Xiao Ming reached the top, where he discovered the long-lost treasure sparkling brightly in a hidden corner. Overwhelmed with joy, he couldn't help but hold the treasure close to his heart, savoring the triumphant moment. The young boy's face beamed with happiness, as he knew he had successfully unraveled the secret and achieved his adventure of a lifetime.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/3.png?v=20240209114518942",
"local_image_path": "assets/outputs/20240209114425596/img/3.png"
},
{
"编号": "4",
"场景描述": "他兴奋地穿过了一个森林，越过了一条湍急的河流，终于来到了老教堂的门前",
"场景关键词": "森林,河流,教堂",
"角色": "小明",
"角色关键词": "男孩,年轻,兴奋,穿过,越过,来到,失望,沮丧",
"画面描述词": "Excited and full of youthful energy, a young boy named Xiao Ming journeyed through a dense forest, his heart beating with anticipation. The towering trees whispered secrets to him as he weaved through their branches, admiring the sunlight that filtered through the emerald canopy. With each step, his excitement grew, urging him forward. As the forest thinned, a roaring river came into view, its turbulent waters crashing against the rugged rocks that lined its banks. Determined, Xiao Ming carefully traversed the treacherous path that awaited him, stepping cautiously on each moss-covered stone. The sound of rushing water filled his ears, but he pressed on with unwavering determination, his heart set on reaching his destination. After what felt like an eternity, he finally arrived at the ancient doorstep of the old church. With a mixture of relief and awe, he gazed up at the weathered stone walls and towering spires that reached towards the heavens. The weight of his journey, the thrill of his adventure, was palpable in his vibrant eyes. However, as the doors creaked open, Xiao Ming's excitement turned to disappointment and sadness. The once magnificent interior of the church now lay in ruins, its walls crumbling and its stained glass windows shattered. Echoes of a forgotten past reverberated through the empty space, leaving him feeling disheartened. But even in the face of disappointment, Xiao Ming's spirit refused to be dampened. In the ruins of the church, he saw the potential for a new beginning, a chance to rebuild and restore the lost glory. With renewed determination, he vowed to bring life back to this forgotten place, a beacon of hope amidst the surrounding beauty of the forest and the relentless river that had guided him here.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/4.png?v=20240209114523621",
"local_image_path": "assets/outputs/20240209114425596/img/4.png"
},
{
"编号": "5",
"场景描述": "教堂里昏暗而阴森，小明开始在各个角落寻找宝藏",
"场景关键词": "昏暗,阴森",
"角色": "小明",
"角色关键词": "年龄:小,情绪:兴奋,肢体动作:翻找",
"画面描述词": "In the dim and eerie atmosphere of the church, a sense of mystery lingers. With every step, the young boy named Xiao Ming can feel his excitement growing. Determined to find the hidden treasure, he scours each corner of the eerie space. His small figure blends with the shadows as he feverishly rummages through the darkness, hoping to uncover the secrets that lay concealed.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/5.png?v=20240209114442786",
"local_image_path": "assets/outputs/20240209114425596/img/5.png"
},
{
"编号": "6",
"场景描述": "他翻遍了教堂的每一个房间，甚至爬上了教堂的钟楼，但是却没有找到宝藏的踪迹",
"场景关键词": "教堂,房间,钟楼",
"角色": "小明",
"角色关键词": "男孩,年轻,兴奋,失望,沮丧",
"画面描述词": "He was a young boy named Xiao Ming, full of excitement and curiosity, embarking on a quest to find a hidden treasure within the walls of an ancient church. With each step he took, his anticipation grew, fueled by the stories of glorious riches that whispered through the town. Little did he know that this adventure would test his determination. He ventured through every room of the church, carefully inspecting every nook and cranny, searching for any traces of the elusive treasure. The atmosphere within the sacred halls was filled with an air of quiet reverence, but his enthusiasm remained unyielding. He climbed up the spiraling staircase of the church's bell tower, hoping to catch a glimpse of the treasure from high above. However, as he reached the top, his hopeful expression gradually transformed into disappointment. The room was empty, devoid of any signs of the hidden treasure. His once-energetic spirit turned into a heavy burden of sadness and frustration. He had explored every inch of the church, diligently seeking the treasure, but it seemed to have eluded him. As he made his way down from the lofty heights of the bell tower, he couldn't help but feel a sense of defeat. The dream of discovering untold wealth within this sacred sanctuary had slipped through his fingers. With a heavy heart, Xiao Ming slowly made his way out, his hopes shattered, but with the knowledge that he had given his all in search of that elusive treasure.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/6.png?v=20240209114514380",
"local_image_path": "assets/outputs/20240209114425596/img/6.png"
},
{
"编号": "7",
"场景描述": "慢慢地，小明感到失望和沮丧",
"场景关键词": "教堂,昏暗,阴森,房间,钟楼,失望,沮丧",
"角色": "小明",
"角色关键词": "男孩,年轻,失望,沮丧",
"画面描述词": "Slowly, a sense of disappointment and dejection enveloped young Xiaoming as he stepped into the dimly lit and somber church. The atmosphere in the room felt heavy, adding to his already crestfallen state. As he looked around, his gaze settled on the tall, gloomy clock tower, standing tall and motionless. It symbolized the passage of time - a reminder of his dashed hopes and unmet expectations. Xiaoming, a disheartened and dispirited boy, couldn't help but sink deeper into sadness in this eerie setting.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/7.png?v=20240209114509760",
"local_image_path": "assets/outputs/20240209114425596/img/7.png"
},
{
"编号": "8",
"场景描述": "正当他准备离开时，他发现了一个看似普通的石头",
"场景关键词": "教堂门前,昏暗,阴森,看似普通的石头,秘密通道",
"角色": "小明",
"角色关键词": "男孩,年轻,兴奋,失望,沮丧,高兴",
"画面描述词": "As he was about to leave, he noticed a seemingly ordinary stone in front of the church. The atmosphere around the entrance was dim and eerie, giving the surroundings an ominous feeling. Intrigued, the young boy named Xiao Ming couldn't help but feel excited. He hesitated for a moment, contemplating whether to investigate further. With a mix of anticipation and disappointment, he reached down for the stone, hoping it would reveal some hidden secret or lead to an adventure. As he picked it up, a sudden realization dawned upon him – this innocuous-looking stone might just be the key to a secret passageway, shrouded in mystery. A wave of happiness washed over him, replacing his initial disappointment, as he eagerly began to examine it, eager to unlock the secrets that awaited him.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/8.png?v=20240209114532839",
"local_image_path": "assets/outputs/20240209114425596/img/8.png"
},
{
"编号": "9",
"场景描述": "他突然有了一种直觉，将石头掀开，竟然发现了一道秘密通道",
"场景关键词": "石头,秘密通道",
"角色": "小明",
"角色关键词": "男孩,年轻,兴奋,失望,沮丧,高兴",
"画面描述词": "Suddenly, a wave of intuition washed over him as he stood before a large, unassuming stone. Without a second thought, the young boy named Xiaoming decided to tilt the stone aside, revealing a hidden passageway concealed beneath it. Excitement coursed through his veins as he realized that he had stumbled upon a secret passage. However, as he stepped into the dimly lit tunnel, his enthusiasm quickly waned. The corridor appeared to stretch endlessly in front of him, daunting and overwhelming. Disappointment crept into his previously exuberant heart, dampening his spirits. Yet, he couldn't help but feel a glimmer of hope flicker within him. With determination in his eyes, Xiaoming chose to embrace the unexpected twist. Overcoming his initial despondence, he transformed his disappointment into an opportunity for adventure. With renewed excitement, he embarked on his journey, eager to unravel the mysteries that awaited him within the secret passage.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/9.png?v=20240209114537246",
"local_image_path": "assets/outputs/20240209114425596/img/9.png"
},
{
"编号": "10",
"场景描述": "小明毫不犹豫地走了进去，迎接他的是散发着金光的宝藏",
"场景关键词": "昏暗,阴森,金光",
"角色": "小明,宝藏",
"角色关键词": "小明:年龄,男性,兴奋,失望,沮丧,高兴,抱起;宝藏:散发金光",
"画面描述词": "Without hesitation, Xiao Ming walked into the room. The atmosphere was dim and ominous, with an eerie silence hanging in the air. However, his excitement outweighed any feelings of apprehension as he entered further. Suddenly, his eyes caught a glimpse of something extraordinary. There, in the center of the room, lay a treasure chest gleaming with radiant golden light. Xiao Ming's heart raced with a mixture of joy and anticipation as he approached the treasure. With a surge of emotions, he couldn't help but feel a sense of disappointment and frustration washing over him, as he realized that the chest was locked. Determined not to let his spirits dampen, Xiao Ming's disappointment quickly turned into determination. He eagerly searched for a key, and when he finally found it, a triumphant smile crept onto his face. He picked up the treasure chest, cherishing the weight of his discovery in his arms.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/10.png?v=20240209114546240",
"local_image_path": "assets/outputs/20240209114425596/img/10.png"
},
{
"编号": "11",
"场景描述": "小明高兴地抱起宝藏，回到家中",
"场景关键词": "家中",
"角色": "小明",
"角色关键词": "年龄: 小男孩, 情绪: 高兴, 肢体动作: 抱起宝藏",
"画面描述词": "Little Ming happily picked up the treasure and made his way back to his cozy home. With a gleeful smile on his face, the young boy embraced the long-awaited discovery. In the comfort of his familiar surroundings, he savored the feeling of triumph and contentment that filled his heart. The essence of joy radiated from him as he crossed the threshold, his excitement palpable in every step. The treasure sat snugly in his arms, cherished and treasured, as he eagerly anticipated the thrill of unveiling its secrets in the warmth and comfort of his home.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/11.png?v=20240209114555193",
"local_image_path": "assets/outputs/20240209114425596/img/11.png"
},
{
"编号": "12",
"场景描述": "从那天起，他决定要成为一个伟大的探险家，为世界带来更多的惊喜和宝藏",
"场景关键词": "教堂,宝藏,探险家",
"角色": "小明",
"角色关键词": "男孩,冒险,探险",
"画面描述词": "From that day on, he made a decision to become a great explorer, bringing more surprises and treasures to the world. His name was Xiaoming, a brave young boy with a thirst for adventure. His passion ignited when he stumbled upon an old church, mysteriously guarded by centuries-old relics. Inspired by the mysteries hidden within its walls, he vowed to embark on a journey as a fearless explorer. Equipped with a trusty map and a heart full of determination, Xiaoming set off in search of untold wonders and hidden treasures waiting to be discovered. His dream was to leave an indelible mark on the world, leaving behind a legacy of awe-inspiring tales for generations to come.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/img/12.png?v=20240209114604149",
"local_image_path": "assets/outputs/20240209114425596/img/12.png"
}
],
final_video: "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240209114425596/final_video.mp4",
......@@ -177,7 +84,57 @@ export const useManyValues = () => {
chatgpt_answer: ``,
chatgpt_answer_roles: [],
adapt_result_json: [
],
{
"编号": "1",
"场景描述": "在遥远的未来，人类已经成功地在潘多拉星球建立了殖民地",
"场景关键词": "年代：未来，空间：潘多拉星球，时间段：遥远，地理环境：星球，天气：未知，物品：未知，人物：杰克，镜头角度：第一人称。",
"角色": "",
"角色关键词": "",
"画面描述词": "In a distant future, humanity has successfully established a colony on Pandora, a distant planet. The time period is unknown, and the weather is also unknown on this planet. The environment is hostile, with unknown items scattered around. As for the characters, there is Jack, whose point of view is shown in the first-person narrative.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240227174522988/img/1.png?v=20240227174532209",
"local_image_path": "assets/outputs/20240227174522988/img/1.png"
},
{
"编号": "2",
"场景描述": "然而，这里的原住民——纳美族人并不欢迎人类的入侵",
"场景关键词": "遥远的未来, 潘多拉星球, 人类, 纳美族人",
"角色": "",
"角色关键词": "",
"画面描述词": "In the distant future, humans have invaded Pandora, a planet inhabited by the Na'vi, a native tribe who do not welcome the intrusion.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240227174522988/img/2.png?v=20240227174530000",
"local_image_path": "assets/outputs/20240227174522988/img/2.png"
},
{
"编号": "3",
"场景描述": "一位名叫杰克的前海军陆战队员，被派去与纳美族人接触，以期建立和平关系",
"场景关键词": "年代: 未来, 空间: 潘多拉星球, 时间段: 没有具体时间, 地理环境: 美丽的热带雨林, 天气: 没有具体天气, 物品: 没有具体物品, 人物: 杰克, 镜头角度: 第一人称, 关键词: 杰克, 纳美族人, 和平关系",
"角色": "",
"角色关键词": "",
"画面描述词": "As a former Navy SEAL, Jack was sent to contact the Na'vi people on the beautiful, tropical rainforest planet Pandora, with the hope of establishing peaceful relations.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240227174522988/img/3.png?v=20240227174538247",
"local_image_path": "assets/outputs/20240227174522988/img/3.png"
},
{
"编号": "4",
"场景描述": "杰克在与纳美族人的相处中，逐渐理解了他们的文化和信仰，最终他决定帮助纳美族人对抗人类的侵犯",
"场景关键词": "未来,潘多拉星球,纳美族人,接触,理解,文化,信仰,决定,帮助,对抗,侵犯",
"角色": "",
"角色关键词": "",
"画面描述词": "In the future, Jack, after his encounter and understanding of the Na'vi culture and beliefs on Pandora, made the decision to assist the Na'vi in their fight against human invasion.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240227174522988/img/4.png?v=20240227174540433",
"local_image_path": "assets/outputs/20240227174522988/img/4.png"
},
{
"编号": "5",
"场景描述": "在杰克的领导下，纳美族人成功地抵御了人类的攻击，保护了自己的家园",
"场景关键词": "年代：未来，空间：潘多拉星球，时间段：未知，地理环境：热带雨林，天气：未知，物品：未知，人物：杰克，镜头角度：未知。",
"角色": "",
"角色关键词": "",
"画面描述词": "In the leadership of Jack, the Na'vi successfully repelled the human attack, protecting their home planet Pandora.",
"本镜配图": "http://wm_tools_backend.frp.wmdigit.com:8888/assets/outputs/20240227174522988/img/5.png?v=20240227174542636",
"local_image_path": "assets/outputs/20240227174522988/img/5.png"
}
],
final_video: ``,
};
......@@ -190,6 +147,122 @@ export const useManyValues = () => {
final_video: ``,
};
const marks = reactive<MyMarkType>({
'-100': '-100%',
'-90': '-90%',
'-80': '-80%',
'-70': '-70%',
'-60': '-60%',
'-50': '-50%',
'-40': '-40%',
'-30': '-30%',
'-20': '-20%',
'-10': '-10%',
0: '+0%',
10: '+10%',
20: '+20%',
30: '+30%',
40: '+40%',
50: '+50%',
60: '+60%',
70: '+70%',
80: '+80%',
90: '+90%',
100: '+100%',
})
const voices = [
{
value: 'zh-CN-liaoning-XiaobeiNeural',
gender: 'Female',
label: '女，东北口音',
},
{
value: 'zh-CN-shaanxi-XiaoniNeural',
gender: 'Female',
label: '女，陕西口音',
},
{
value: 'zh-CN-XiaoxiaoNeural',
gender: 'Female',
label: '女，像个老师',
},
{
value: 'zh-CN-XiaoyiNeural',
gender: 'Female',
label: '女，小女孩',
},
{
value: 'zh-CN-YunjianNeural',
gender: 'Male',
label: '男，成熟稳重',
},
{
value: 'zh-CN-YunxiaNeural',
gender: 'Male',
label: '男，小男孩',
},
{
value: 'zh-CN-YunxiNeural',
gender: 'Male',
label: '男，大哥哥',
},{
value: 'zh-CN-YunyangNeural',
gender: 'Male',
label: '男，像个播音员',
},{
value: 'zh-HK-HiuGaaiNeural',
gender: 'Female',
label: '女，粤语，中年',
},{
value: 'zh-HK-HiuMaanNeural',
gender: 'Female',
label: '女，粤语，年轻',
},{
value: 'zh-HK-WanLungNeural',
gender: 'Male',
label: '男，粤语',
},{
value: 'zh-TW-HsiaoChenNeural',
gender: 'Female',
label: '女，台湾腔',
},{
value: 'zh-TW-HsiaoYuNeural',
gender: 'Female',
label: '女，台湾，偏普通话',
},{
value: 'zh-TW-YunJheNeural',
gender: 'Male',
label: '男，台湾腔',
},
]
const bgm = [
{
value: '',
label: '无',
},
{
value: '安魂曲',
label: '安魂曲',
},
{
value: '解忧曲',
label: '解忧曲',
},
{
value: 'Anacreon',
label: 'Anacreon',
},
{
value: 'MySunset',
label: 'MySunset',
},
{
value: 'WindyHill',
label: 'WindyHill',
},
]
return {
screen: screen,
sd_prompt_prefix: sd_prompt_prefix,
......@@ -198,5 +271,8 @@ export const useManyValues = () => {
vertical_data: vertical_data,
if_need_subtitle: if_need_subtitle,
en_vertical_data: en_vertical_data,
marks: marks,
voices: voices,
bgm: bgm,
}
}
src/views/home/index.vue
View file @ 79bd2a05
......@@ -31,6 +31,7 @@ const sd_negative_prompt_prefix = default_data.sd_negative_prompt_prefix;
const tyqw = {'api': 'tyqw', 'name':'通义千问线上'};
const baichuan = {'api': 'langchain', 'name':'baichuan2-7b'};
const qwen = {'api': 'langchain', 'name':'Qwen-7B-Chat'};
const gpt = {'api': 'gpt', 'name':'chatgpt'};
const wenan_llm = qwen.api
const wenan_llm_name = qwen.name
......@@ -43,6 +44,11 @@ const tuili_llm_name = qwen.name
const fanyi_llm = qwen.api
const fanyi_llm_name = qwen.name
const voice_rate = ref(0)
const voice_volume = ref(0)
const voice = ref("zh-CN-YunjianNeural")
const bgm = ref("解忧曲")
onMounted(() => {
// 初始化示例数据
......@@ -318,10 +324,19 @@ const onGenVideo = () => {
img_path: item.local_image_path
};
});
let para_rate = `${voice_rate.value}%`;
let para_volume = `${voice_volume.value}%`;
if(voice_rate.value >= 0){para_rate = `+${para_rate}`}
if(voice_volume.value >= 0){para_volume = `+${para_volume}`}
const video_param = {
task_id: form.task_id,
if_need_subtitle: form.if_need_subtitle,
lang: "zh",
task_info: video_param_detail,
rate: para_rate,
volume: para_volume,
voice: voice.value,
bgm: bgm.value,
}
text2videoService
.submitGenVideo(video_param)
......@@ -533,6 +548,56 @@ const handleExceed: UploadProps['onExceed'] = (files) => {
</el-table>
</el-form-item>
<!-- 生成视频 -->
<el-form-item label="设置">
<span style="margin: 0 20px">语速：</span>
<el-slider v-model="voice_rate" show-input :min="-50" :max="50" :marks="default_data.marks" style="width: 900px" />
</el-form-item>
<el-form-item>
<span style="margin: 0 20px">音量：</span>
<el-slider v-model="voice_volume" show-input :min="-80" :max="80" :marks="default_data.marks" style="width: 900px" />
</el-form-item>
<el-form-item>
<span style="margin: 20px 20px 0 20px">语音：</span>
<el-select v-model="voice" placeholder="Select" style="width: 400px; margin-top: 20px;">
<el-option
v-for="item in default_data.voices"
:key="item.value"
:label="item.value"
:value="item.value"
>
<span style="float: left">{{ item.value }}</span>
<span
style="
float: right;
color: var(--el-text-color-secondary);
font-size: 13px;
"
>{{ item.label }}</span>
</el-option>
</el-select>
<audio :src="'src/assets/edge-tts-voices/' + voice + '.mp3'" controls style="height: 30px; margin: 20px 0 0 10px;"></audio>
</el-form-item>
<el-form-item>
<span style="margin: 0 20px">背景：</span>
<el-select v-model="bgm" placeholder="无" style="width: 400px;">
<el-option
v-for="item in default_data.bgm"
:key="item.value"
:label="item.value"
:value="item.value"
>
<span style="float: left">{{ item.label }}</span>
<span
style="
float: right;
color: var(--el-text-color-secondary);
font-size: 13px;
"
>{{ item.value }}</span>
</el-option>
</el-select>
<audio :src="'src/assets/bgm/' + bgm + '.mp3'" controls style="height: 30px; margin-left:10px;"></audio>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onGenVideo">生成视频</el-button>
</el-form-item>
......
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