|
@@ -30,15 +30,11 @@ |
|
|
<div class="ctnBox">
|
|
|
<div class="ctnBox">
|
|
|
<div class="title_ctn1">
|
|
|
<div class="title_ctn1">
|
|
|
{{
|
|
|
{{
|
|
|
characters == 1 ? '用户仅需输入文字或语音,即可实现智能全自动的内容生产(AIGC)' : 'Multimodal Input: Seamlessly Manipulate Virtual Humans through Text and Audio in Multiple Languages.'
|
|
|
|
|
|
|
|
|
characters == 1 ? '用户仅需输入文字或语音,即可实现智能全自动的内容生产(AIGC)' : 'Multimodal Input: Seamlessly Manipulate Virtual Humans through Text and Audio in Multiple Languages'
|
|
|
}}
|
|
|
}}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="title_ctn1">
|
|
|
<div class="title_ctn1">
|
|
|
{{
|
|
|
|
|
|
characters == 1
|
|
|
|
|
|
? '呈现出色的真实感和流畅度,卓越的自然度,自动辨认支持多语言'
|
|
|
|
|
|
: 'Unleash Exiiting Realism with Metavatar AIGC Pipeline: High-Resolution, Naturally Vivid Character Movements.'
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
|
{{ characters == 1 ? '呈现出色的真实感和流畅度,卓越的自然度,自动辨认支持多语言' : 'Unleash Realism with Metavatar AlGC: High-Resolution, Naturally Vivid Character Movements' }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="characters != 1" class="title_ctn1" style="margin-bottom: 50px">
|
|
|
<div v-if="characters != 1" class="title_ctn1" style="margin-bottom: 50px">
|
|
|
{{ 'Bring new intelligence experience for user far more exciting than ever in few minutes' }}
|
|
|
{{ 'Bring new intelligence experience for user far more exciting than ever in few minutes' }}
|
|
@@ -73,8 +69,13 @@ |
|
|
<img v-else class="play" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/pause.png" title="click to pause" />
|
|
|
<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="https://video.metavatar.cc/sv/3564ae64-18841d254a8/3564ae64-18841d254a8.mp4" />
|
|
|
<video ref="videoII" src="https://video.metavatar.cc/sv/3564ae64-18841d254a8/3564ae64-18841d254a8.mp4" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="imgBox2">
|
|
|
|
|
|
|
|
|
<!-- <div class="imgBox2">
|
|
|
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/module_3_2.png" alt />
|
|
|
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/module_3_2.png" alt />
|
|
|
|
|
|
</div> -->
|
|
|
|
|
|
<div class="imgBox2" @click="goSetVedio2(isPlayed2)">
|
|
|
|
|
|
<img v-if="isPlayed2" class="play" style="left: 42%" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/play.png" title="click to play" />
|
|
|
|
|
|
<img v-else class="play" style="left: 42%" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/pause.png" title="click to pause" />
|
|
|
|
|
|
<video ref="videoIII" src="https://video.metavatar.cc/sv/549c903-18843089e4c/549c903-18843089e4c.mp4" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="module_4" id="module_4">
|
|
|
<div class="module_4" id="module_4">
|
|
@@ -349,6 +350,7 @@ export default { |
|
|
data() {
|
|
|
data() {
|
|
|
return {
|
|
|
return {
|
|
|
isPlayed: true,
|
|
|
isPlayed: true,
|
|
|
|
|
|
isPlayed2: true,
|
|
|
// 轮播图效果
|
|
|
// 轮播图效果
|
|
|
swiperIndex: 0,
|
|
|
swiperIndex: 0,
|
|
|
timer: null,
|
|
|
timer: null,
|
|
@@ -676,6 +678,14 @@ export default { |
|
|
}
|
|
|
}
|
|
|
this.isPlayed = !flag;
|
|
|
this.isPlayed = !flag;
|
|
|
},
|
|
|
},
|
|
|
|
|
|
goSetVedio2(flag) {
|
|
|
|
|
|
if (flag) {
|
|
|
|
|
|
this.$refs['videoIII'].play();
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.$refs['videoIII'].pause();
|
|
|
|
|
|
}
|
|
|
|
|
|
this.isPlayed2 = !flag;
|
|
|
|
|
|
},
|
|
|
showBox() {
|
|
|
showBox() {
|
|
|
this.dialogVisible = true;
|
|
|
this.dialogVisible = true;
|
|
|
},
|
|
|
},
|
|
@@ -1016,9 +1026,12 @@ export default { |
|
|
// margin-top: 40px;
|
|
|
// margin-top: 40px;
|
|
|
}
|
|
|
}
|
|
|
.module_3 {
|
|
|
.module_3 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
overflow: hidden;
|
|
|
overflow: hidden;
|
|
|
background-color: #202020;
|
|
|
background-color: #202020;
|
|
|
.imgBox1 {
|
|
|
|
|
|
|
|
|
.imgBox1,
|
|
|
|
|
|
.imgBox2 {
|
|
|
background-color: #fff;
|
|
|
background-color: #fff;
|
|
|
position: relative;
|
|
|
position: relative;
|
|
|
float: left;
|
|
|
float: left;
|
|
@@ -1050,14 +1063,14 @@ export default { |
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.imgBox2 {
|
|
|
.imgBox2 {
|
|
|
width: 49%;
|
|
|
|
|
|
height: 570px;
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
// background-color: #16e9d6;
|
|
|
|
|
|
img {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
// width: 49%;
|
|
|
|
|
|
// height: 570px;
|
|
|
|
|
|
// float: right;
|
|
|
|
|
|
// // background-color: #16e9d6;
|
|
|
|
|
|
// img {
|
|
|
|
|
|
// width: 100%;
|
|
|
|
|
|
// height: 100%;
|
|
|
|
|
|
// }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.module_4 {
|
|
|
.module_4 {
|
|
|