@@ -1,7 +1,7 @@ | |||
<template> | |||
<div class="Box" id="top"> | |||
<div class="module_1"> | |||
<img src="../../assets/img/metavatar_generate/suiMang_generate@2x.png" width="100%" height="100%" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_generate/suiMang_generate@2x.png" width="100%" height="100%" /> | |||
<div class="titleBox"> | |||
<div class="title_item1" v-if="characters == 1">邃芒慧生</div> | |||
@@ -29,14 +29,14 @@ | |||
<div class="module_2"> | |||
<div class="title">Metavatar AI</div> | |||
<img src="../../assets/img/metavatar_generate/model2-IMG@2x.png" alt="" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_generate/model2-IMG@2x.png" alt="" /> | |||
</div> | |||
<div class="module_3"> | |||
<div class="title" v-if="characters == 1">保持人脸特征 自由调整各类心仪风格</div> | |||
<div class="title" v-if="characters != 1">Maintain facial features and freely adjust various favorite styles</div> | |||
<div class="style">STYLE</div> | |||
<img src="../../assets/img/metavatar_generate/model3-IMG@2x.png" alt="" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_generate/model3-IMG@2x.png" alt="" /> | |||
</div> | |||
<div class="module_4"> | |||
@@ -47,7 +47,7 @@ | |||
<div class="style">FULL AGE</div> | |||
</div> | |||
<img src="../../assets/img/metavatar_generate/model4-IMG@2x.png" alt="" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_generate/model4-IMG@2x.png" alt="" /> | |||
</div> | |||
</div> | |||
@@ -82,18 +82,6 @@ export default { | |||
return { | |||
//零时存放 | |||
charactersMy: 1, | |||
languageLsit: [ | |||
{ | |||
name: 'Cn', | |||
value: 1, | |||
url: require('../../assets/img/cn.jpeg') | |||
}, | |||
{ | |||
name: 'En', | |||
value: 2, | |||
url: require('../../assets/img/en.jpg') | |||
} | |||
], | |||
// | |||
userName: '', | |||
phone: '', | |||
@@ -203,127 +191,7 @@ export default { | |||
}, | |||
// characters: 1, //1=》中文 2=》英文 | |||
timeFlag: 5, | |||
dialogVisible: false, | |||
module_6_data: [ | |||
{ | |||
url: require('../../assets/img/demo_1.png'), | |||
name: '增加电子商务销售额', | |||
name_y: 'Increase eCommerce sales' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_2.png'), | |||
name: '推动品牌声誉', | |||
name_y: 'Drive Brand engagement' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_3.png'), | |||
name: '拓展客户服务', | |||
name_y: 'Scale customer service' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_4.png'), | |||
name: ' 节约您的劳动成本', | |||
name_y: ' Augment your current workforce' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_5.png'), | |||
name: ' 提供支持和陪伴', | |||
name_y: 'Provide support and companionship' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_6.png'), | |||
name: '投资元宇宙的未来', | |||
name_y: 'Deliver knowledge and learning' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_7.png'), | |||
name: '数字化名人的力量', | |||
name_y: 'Leverage the power of Digital Celebrities' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_8.png'), | |||
name: '传递学习和知识', | |||
name_y: ' Invest in the metaverse future' | |||
} | |||
], | |||
carouselLsit: [ | |||
{ | |||
url: require('../../assets/img/carousel1.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel2.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png') | |||
} | |||
], | |||
partnerLsit: [ | |||
{ | |||
url: require('../../assets/img/partner1.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner2.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner3.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner4.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner5.png') | |||
} | |||
], | |||
timeLsit: [ | |||
{ | |||
title: '2018-10', | |||
ctn1_y: 'Team built up in Oct. 2018', | |||
// ctn2_y: "Team built up in Oct. 2018", | |||
ctn1: '团队组建' | |||
// ctn2: "团队组建" | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel2.png'), | |||
title: '2019', | |||
ctn1_y: 'Deliver the first movie project in May. 2019', | |||
// ctn2_y: "Deliver the first movie project in May. 2019", | |||
ctn1: '第一个影视特效 ', | |||
ctn2: '项目交付' | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2021-05', | |||
ctn1_y: 'Beta of MetaGene published in May,2021', | |||
// ctn2_y: "Beta of MetaGene published in May,2021", | |||
ctn1: '内部产品', | |||
ctn2: 'Metagene V1完成' | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2021-08', | |||
ctn1_y: 'Metavatar built up in Aug, 2021', | |||
// ctn2_y: "Metavatar built up in Aug, 2021", | |||
ctn1: '邃芒科技成立' | |||
// ctn2: "邃芒科技成立", | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2022-01', | |||
ctn1_y: 'Angel fund in Jan, 2022', | |||
// ctn2_y: "Angel fund in Jan, 2022", | |||
ctn1: '获得天使轮融资' | |||
// ctn2: "获得天使轮融资", | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2022-06', | |||
ctn1_y: 'Deliver the first project based on Magenta for our strategic partner in Jun,2022', | |||
// ctn2_y: "Beta of MetaGene published in May,2021", | |||
ctn1: '为战略合作伙伴新奥特', | |||
ctn2: '交付首个基于MetaGene的内容生产项目' | |||
} | |||
] | |||
dialogVisible: false | |||
}; | |||
}, | |||
methods: { | |||
@@ -30,31 +30,31 @@ | |||
<div class="module_2"> | |||
<div class="title" v-if="characters == 1"> | |||
只需 | |||
<img src="../../assets/img/metavatar_live/3@2x.png" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/3@2x.png" /> | |||
步完成一条数字人视频内容生成 | |||
</div> | |||
<div class="title" v-if="characters != 1"> | |||
Just | |||
<img src="../../assets/img/metavatar_live/3@2x.png" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/3@2x.png" /> | |||
step to complete the generation of digital human video content | |||
</div> | |||
<div class="images"> | |||
<li> | |||
<img src="../../assets/img/metavatar_live/001@2x.png" alt="" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/001@2x.png" alt="" /> | |||
</li> | |||
<li> | |||
<img src="../../assets/img/metavatar_live/002@2x.png" alt="" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/002@2x.png" alt="" /> | |||
</li> | |||
<li> | |||
<img src="../../assets/img/metavatar_live/003@2x.png" alt="" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/003@2x.png" alt="" /> | |||
</li> | |||
<li class="videoLi"> | |||
<div class="imgBox1" @click="goSetVedio(isPlayed)"> | |||
<img v-if="isPlayed" class="play" src="../../assets/img/play.png" title="click to play" /> | |||
<img v-else class="play" src="../../assets/img/pause.png" title="click to pause" /> | |||
<img v-if="isPlayed" class="play" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/play.png" title="click to play" /> | |||
<img v-else class="play" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/pause.png" title="click to pause" /> | |||
<video ref="videoII" src="../../assets/video/video2.mp4" /> | |||
</div> | |||
<!-- <img src="../../assets/img/metavatar_live/004@2x.png" alt="" /> --> | |||
<!-- <img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/004@2x.png" alt="" /> --> | |||
</li> | |||
</div> | |||
</div> | |||
@@ -62,7 +62,7 @@ | |||
<div class="module_3"> | |||
<div class="title" v-if="characters == 1">中之人驱动</div> | |||
<div class="title" v-if="characters != 1">“中の人” driving</div> | |||
<img src="../../assets/img/metavatar_live/picInside@2x.png" alt="" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/picInside@2x.png" alt="" /> | |||
</div> | |||
<el-dialog :title="characters == 1 ? '留下您的信息,我们会尽快与您取得联系' : 'Tell us about yourself, we ll be in touch right away.'" :visible.sync="dialogVisible" width="34%"> | |||
@@ -97,19 +97,6 @@ export default { | |||
isPlayed: true, | |||
//零时存放 | |||
charactersMy: 1, | |||
languageLsit: [ | |||
{ | |||
name: 'Cn', | |||
value: 1, | |||
url: require('../../assets/img/cn.jpeg') | |||
}, | |||
{ | |||
name: 'En', | |||
value: 2, | |||
url: require('../../assets/img/en.jpg') | |||
} | |||
], | |||
// | |||
userName: '', | |||
@@ -220,127 +207,7 @@ export default { | |||
}, | |||
// characters: 1, //1=》中文 2=》英文 | |||
timeFlag: 5, | |||
dialogVisible: false, | |||
module_6_data: [ | |||
{ | |||
url: require('../../assets/img/demo_1.png'), | |||
name: '增加电子商务销售额', | |||
name_y: 'Increase eCommerce sales' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_2.png'), | |||
name: '推动品牌声誉', | |||
name_y: 'Drive Brand engagement' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_3.png'), | |||
name: '拓展客户服务', | |||
name_y: 'Scale customer service' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_4.png'), | |||
name: ' 节约您的劳动成本', | |||
name_y: ' Augment your current workforce' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_5.png'), | |||
name: ' 提供支持和陪伴', | |||
name_y: 'Provide support and companionship' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_6.png'), | |||
name: '投资元宇宙的未来', | |||
name_y: 'Deliver knowledge and learning' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_7.png'), | |||
name: '数字化名人的力量', | |||
name_y: 'Leverage the power of Digital Celebrities' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_8.png'), | |||
name: '传递学习和知识', | |||
name_y: ' Invest in the metaverse future' | |||
} | |||
], | |||
carouselLsit: [ | |||
{ | |||
url: require('../../assets/img/carousel1.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel2.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png') | |||
} | |||
], | |||
partnerLsit: [ | |||
{ | |||
url: require('../../assets/img/partner1.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner2.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner3.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner4.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner5.png') | |||
} | |||
], | |||
timeLsit: [ | |||
{ | |||
title: '2018-10', | |||
ctn1_y: 'Team built up in Oct. 2018', | |||
// ctn2_y: "Team built up in Oct. 2018", | |||
ctn1: '团队组建' | |||
// ctn2: "团队组建" | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel2.png'), | |||
title: '2019', | |||
ctn1_y: 'Deliver the first movie project in May. 2019', | |||
// ctn2_y: "Deliver the first movie project in May. 2019", | |||
ctn1: '第一个影视特效 ', | |||
ctn2: '项目交付' | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2021-05', | |||
ctn1_y: 'Beta of MetaGene published in May,2021', | |||
// ctn2_y: "Beta of MetaGene published in May,2021", | |||
ctn1: '内部产品', | |||
ctn2: 'Metagene V1完成' | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2021-08', | |||
ctn1_y: 'Metavatar built up in Aug, 2021', | |||
// ctn2_y: "Metavatar built up in Aug, 2021", | |||
ctn1: '邃芒科技成立' | |||
// ctn2: "邃芒科技成立", | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2022-01', | |||
ctn1_y: 'Angel fund in Jan, 2022', | |||
// ctn2_y: "Angel fund in Jan, 2022", | |||
ctn1: '获得天使轮融资' | |||
// ctn2: "获得天使轮融资", | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2022-06', | |||
ctn1_y: 'Deliver the first project based on Magenta for our strategic partner in Jun,2022', | |||
// ctn2_y: "Beta of MetaGene published in May,2021", | |||
ctn1: '为战略合作伙伴新奥特', | |||
ctn2: '交付首个基于MetaGene的内容生产项目' | |||
} | |||
] | |||
dialogVisible: false | |||
}; | |||
}, | |||
methods: { | |||
@@ -1,7 +1,7 @@ | |||
<template> | |||
<div class="Box" id="top"> | |||
<div class="module_1"> | |||
<img src="../../assets/img/metavatar_shadow/suiMang_shadow@2x.png" width="100%" height="100%" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/suiMang_shadow@2x.png" width="100%" height="100%" /> | |||
<div class="titleBox"> | |||
<div class="title_item1" v-if="characters == 1">邃芒慧播</div> | |||
<div class="title_item1_y" v-if="characters == 1">直播虚拟人自然逼真,分身真假难辨</div> | |||
@@ -31,18 +31,18 @@ | |||
<div class="title" v-if="characters != 1">Digital live broadcasting manipulated by AI, text, voice, video etc.to free real people workforce on camera.</div> | |||
<div class="imgBox"> | |||
<li style="position: relative"> | |||
<img v-if="characters == 1" src="../../assets/img/metavatar_shadow/imgList1@2x.png" alt="" /> | |||
<img v-if="characters != 1" src="../../assets/img/metavatar_shadow/imgList1@2xEnglish.png" alt="" /> | |||
<img v-if="characters == 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList1@2x.png" alt="" /> | |||
<img v-if="characters != 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList1@2xEnglish.png" alt="" /> | |||
<div class="textInImg" v-if="characters != 1">中の人</div> | |||
</li> | |||
<li style="position: relative"> | |||
<img v-if="characters == 1" src="../../assets/img/metavatar_shadow/imgList2@2x.png" alt="" /> | |||
<img v-if="characters != 1" src="../../assets/img/metavatar_shadow/imgList2@2xEnglish.png" alt="" /> | |||
<img v-if="characters == 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList2@2x.png" alt="" /> | |||
<img v-if="characters != 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList2@2xEnglish.png" alt="" /> | |||
<div class="textInImg" v-if="characters != 1">Digital live streaming</div> | |||
</li> | |||
<li style="position: relative"> | |||
<img v-if="characters == 1" src="../../assets/img/metavatar_shadow/imgList3@2x.png" alt="" /> | |||
<img v-if="characters != 1" src="../../assets/img/metavatar_shadow/imgList3@2xEnglish.png" alt="" /> | |||
<img v-if="characters == 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList3@2x.png" alt="" /> | |||
<img v-if="characters != 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList3@2xEnglish.png" alt="" /> | |||
<div class="textInImg" v-if="characters != 1">Toonman live</div> | |||
</li> | |||
<div class="redCard" v-if="characters == 1">无缝接入各主流平台</div> | |||
@@ -57,7 +57,7 @@ | |||
<div class="module_3"> | |||
<div class="title" v-if="characters == 1">脚本驱动数字人直播</div> | |||
<div class="title" v-if="characters != 1">Script-driven digital human live broadcast</div> | |||
<img src="../../assets/img/metavatar_shadow/scriptDrive@2x.png" alt="" /> | |||
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/scriptDrive@2x.png" alt="" /> | |||
</div> | |||
<el-dialog :title="characters == 1 ? '留下您的信息,我们会尽快与您取得联系' : 'Tell us about yourself, we ll be in touch right away.'" :visible.sync="dialogVisible" width="34%"> | |||
@@ -91,18 +91,6 @@ export default { | |||
return { | |||
//零时存放 | |||
charactersMy: 1, | |||
languageLsit: [ | |||
{ | |||
name: 'Cn', | |||
value: 1, | |||
url: require('../../assets/img/cn.jpeg') | |||
}, | |||
{ | |||
name: 'En', | |||
value: 2, | |||
url: require('../../assets/img/en.jpg') | |||
} | |||
], | |||
// | |||
@@ -214,127 +202,7 @@ export default { | |||
}, | |||
// characters: 1, //1=》中文 2=》英文 | |||
timeFlag: 5, | |||
dialogVisible: false, | |||
module_6_data: [ | |||
{ | |||
url: require('../../assets/img/demo_1.png'), | |||
name: '增加电子商务销售额', | |||
name_y: 'Increase eCommerce sales' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_2.png'), | |||
name: '推动品牌声誉', | |||
name_y: 'Drive Brand engagement' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_3.png'), | |||
name: '拓展客户服务', | |||
name_y: 'Scale customer service' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_4.png'), | |||
name: ' 节约您的劳动成本', | |||
name_y: ' Augment your current workforce' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_5.png'), | |||
name: ' 提供支持和陪伴', | |||
name_y: 'Provide support and companionship' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_6.png'), | |||
name: '投资元宇宙的未来', | |||
name_y: 'Deliver knowledge and learning' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_7.png'), | |||
name: '数字化名人的力量', | |||
name_y: 'Leverage the power of Digital Celebrities' | |||
}, | |||
{ | |||
url: require('../../assets/img/demo_8.png'), | |||
name: '传递学习和知识', | |||
name_y: ' Invest in the metaverse future' | |||
} | |||
], | |||
carouselLsit: [ | |||
{ | |||
url: require('../../assets/img/carousel1.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel2.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png') | |||
} | |||
], | |||
partnerLsit: [ | |||
{ | |||
url: require('../../assets/img/partner1.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner2.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner3.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner4.png') | |||
}, | |||
{ | |||
url: require('../../assets/img/partner5.png') | |||
} | |||
], | |||
timeLsit: [ | |||
{ | |||
title: '2018-10', | |||
ctn1_y: 'Team built up in Oct. 2018', | |||
// ctn2_y: "Team built up in Oct. 2018", | |||
ctn1: '团队组建' | |||
// ctn2: "团队组建" | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel2.png'), | |||
title: '2019', | |||
ctn1_y: 'Deliver the first movie project in May. 2019', | |||
// ctn2_y: "Deliver the first movie project in May. 2019", | |||
ctn1: '第一个影视特效 ', | |||
ctn2: '项目交付' | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2021-05', | |||
ctn1_y: 'Beta of MetaGene published in May,2021', | |||
// ctn2_y: "Beta of MetaGene published in May,2021", | |||
ctn1: '内部产品', | |||
ctn2: 'Metagene V1完成' | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2021-08', | |||
ctn1_y: 'Metavatar built up in Aug, 2021', | |||
// ctn2_y: "Metavatar built up in Aug, 2021", | |||
ctn1: '邃芒科技成立' | |||
// ctn2: "邃芒科技成立", | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2022-01', | |||
ctn1_y: 'Angel fund in Jan, 2022', | |||
// ctn2_y: "Angel fund in Jan, 2022", | |||
ctn1: '获得天使轮融资' | |||
// ctn2: "获得天使轮融资", | |||
}, | |||
{ | |||
url: require('../../assets/img/carousel3.png'), | |||
title: '2022-06', | |||
ctn1_y: 'Deliver the first project based on Magenta for our strategic partner in Jun,2022', | |||
// ctn2_y: "Beta of MetaGene published in May,2021", | |||
ctn1: '为战略合作伙伴新奥特', | |||
ctn2: '交付首个基于MetaGene的内容生产项目' | |||
} | |||
] | |||
dialogVisible: false | |||
}; | |||
}, | |||
methods: { | |||
@@ -3,7 +3,7 @@ | |||
<div class="module_1"> | |||
<img | |||
ref="vidoe" | |||
src="../../assets/img/LiLei@2x.png" | |||
src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/LiLei@2x.png" | |||
width="100%" | |||
height="100%" | |||
autoplay | |||