@@ -232,11 +232,7 @@
<div class="module_6" id="module_6">
<div class="module_6" id="module_6">
<div class="title">
<div class="title">
{{
characters == 1
? "邃芒数字人可服务的场景"
: "Scenarios that Suimang Digital Humans can serve"
}}
{{ characters == 1 ? "解决方案" : "Solutions" }}
</div>
</div>
<div class="imgBox">
<div class="imgBox">
<div
<div
@@ -245,7 +241,10 @@
:key="index"
:key="index"
>
>
<img :src="item.url" alt />
<img :src="item.url" alt />
<p>{{ characters == 1 ? item.name : item.name_y }}</p>
<p class="title">{{ characters == 1 ? item.name : item.name_y }}</p>
<p :class="characters == 1 ? 'des' : 'des_y'">
{{ characters == 1 ? item.des : item.des_y }}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -283,8 +282,8 @@
<div class="weBox">
<div class="weBox">
<div class="weText">
<div class="weText">
<div class="conBox">
<div class="conBox">
<div class="title">ABOUT ME</div>
<div class="title_h" v-if="characters == 1">关于我们</div>
<div class="title_h" v-if="characters == 1">关于我们</div>
<div class="title" v-if="characters != 1">About Us</div>
<!-- <div :class="characters == 1 ? 'ctn1' : 'ctn'">
<!-- <div :class="characters == 1 ? 'ctn1' : 'ctn'">
{{
{{
characters == 1
characters == 1
@@ -295,8 +294,8 @@
<div :class="characters == 1 ? 'ctn_c1' : 'ctn_c'">
<div :class="characters == 1 ? 'ctn_c1' : 'ctn_c'">
{{
{{
characters == 1
characters == 1
? "随着元宇宙概念的升温,数字艺人开始广泛的出现在公众面前为人们所习惯。邃芒科技的AI养成路线,致力于打造超写实虚拟形象,解决传统CG模型生产的IP不够真实的痛点,突破恐怖谷,用更低的成本实现影视工业级标准的直播和生产。 对于影视工业的其他痛点,人员密集型劳动高昂的成本,邃芒科技也给出了更有现代感的解决方案,工程师团队对于像素级的影视工业需求,设计出了针对于抠像、擦除、填补背景的专用模型,节约制作成本,缩短制作周期,优化制作流程。 工程师团队由博士后带队,集合了来自中科院、清华、北京邮电大学等高校的优秀人才,研究生比例超过团队50%以上 。"
: "With the warming of the concept of meta-universe, digital artists begin to appear widely in front of the public, and people are used to it. Jia Mang Technology's AI cultivation route is dedicated to creating a super-realistic virtual image, solving the pain point that the IP produced by the traditional CG model is not real enough, With the warming of the concept of meta-universe, digital artists begin to appear widely in front of the public, and people are used to it. Jia Mang Technology's AI cultivation route is dedicated to creating a super-realistic virtual image, solving the pain point that the IP produced by the traditional CG model is not real enough, "
? "北京邃芒科技公司正式成立于2021年8月,团队组建于2018年10月,3年迭代形成AI技术为基础的数字人全生产流程,拥有业界顶尖AI形象生成和驱动技术,积累了独有的亚洲超现实数字人数据资产,已成功商用于工业级影视、品牌商和直播。团队均来自科研机构及一流院所,拥有来自悉尼科技大学, 北邮,中科院,清华的博士硕士团队和行业内一流人才。邃芒科技专注虚拟数字人,提供未来世界数字形象巨量需求的生产力与能力,依靠技术与商业双轮驱动为用户打开元宇宙大门 。"
: "Metavatar is founded in August 2021, the team built up in year 2018.In the past 3 years, Metavatar has iteratively been forming the whole production process of digital human based on AI technology. We own the industry's top AI image generation and driving technology, and has accumulated unique Asian surreal digital human data assets, which have been successfully used in industrial-grade film and television, brand owners and live broadcasts. The team is from scientific research institutions and first-class institutes, with PhD and Masters from the UTS, BUPT , CAS, Tsinghua University and first-class talents in the industry.Metavatar focus on digital human sector, provides capability of producing the massive amount requirements for the future metaverse. Vision to be the first level company as a KEY to knock out the door of metaverse; Developing the leading technology and create customer value along the way. "
}}
}}
</div>
</div>
<!-- <div :class="characters == 1 ? 'ctn_c1' : 'ctn_c'">
<!-- <div :class="characters == 1 ? 'ctn_c1' : 'ctn_c'">
@@ -477,44 +476,65 @@ export default {
dialogVisible: false,
dialogVisible: false,
module_6_data: [
module_6_data: [
{
{
url: require("../../assets/img/demo_1.png"),
name: "增加电子商务销售额",
name_y: "Increase eCommerce sales",
url: require("../../assets/img/demo_4.png"),
name: "教育",
name_y: "Education",
des: "创新和丰富的学习体验",
des_y: "Innovative & richinng the learning experience",
},
},
{
{
url: require("../../assets/img/demo_2.png"),
name: "推动品牌声誉",
name_y: "Drive Brand engagement",
url: require("../../assets/img/demo_3.png"),
name: "金融",
name_y: "Finance",
des: "加强客户服务,通过新颖的互动方式与客户搭建沟通桥梁",
des_y:
"Enhance customer service, engage client relations through new innteravtive ways",
},
},
{
{
url: require("../../assets/img/demo_3.png"),
name: "拓展客户服务",
name_y: "Scale customer service",
url: require("../../assets/img/demo_5.png"),
name: " 电商",
name_y: "E-commerce",
des: "7*24全天候数字员工线上销售和品牌推广",
des_y: "7*24 employee online selling & brands promotion",
},
},
{
{
url: require("../../assets/img/demo_4.png"),
name: " 节约您的劳动成本",
name_y: " Augment your current workforce",
url: require("../../assets/img/demo_7.png"),
name: "零售与品牌",
name_y: "Retails",
des: "数字广告代言人以前所未有的方式打造品牌",
des_y: "Branding in a different new way by digital Ads endorsers.",
},
},
{
{
url: require("../../assets/img/demo_5.png"),
name: " 提供支持和陪伴",
name_y: "Provide support and companionship",
url: require("../../assets/img/demo_1.png"),
name: "技术服务",
name_y: "Avatar tech provider",
des: "可以将创造的数字人形象、行为和全部交互轻松的部署到自己的应用服务中",
des_y:
"Provide all capability of avatar creation, manipulation & interactive of metavatar to deploy them in your own applications.",
},
},
{
{
url: require("../../assets/img/demo_6.png"),
name: "投资元宇宙的未来",
name_y: "Deliver knowledge and learning",
url: require("../../assets/img/demo_2.png"),
name: "娱乐",
name_y: "Entertaining",
des: "让您在元宇宙中拥有时尚靓丽的数字孪生",
des_y:
"Exiciting etertaning experience by digital twins, stylishing the pictures & video, great looking avatars in metaverse.",
},
},
{
{
url: require("../../assets/img/demo_7.png"),
name: "数字化名人的力量",
name_y: "Leverage the power of Digital Celebrities",
url: require("../../assets/img/demo_6.png"),
name: "影视特效 ",
name_y: "Special Effects",
des: "通过Ai技术在电影特效中使用虚拟角色,极大的提高了效率,加强视觉效果",
des_y:
"A.I. technology for avatars deployed in movie special effects, great enhancement of effects production.",
},
},
{
{
url: require("../../assets/img/demo_8.png"),
url: require("../../assets/img/demo_8.png"),
name: "传递学习和知识",
name_y: " Invest in the metaverse future",
name: "公共服务",
name_y: "Public Sector",
des: "当人们需要帮助和助手时,数字公共服务人员24*7随时为您的繁重工作待命",
des_y:
"24*7 public service employee for repetitive heavy duties, anytime ready when people need help and assistant.",
},
},
],
],
carouselLsit: [
carouselLsit: [
@@ -672,6 +692,33 @@ export default {
}
}
});
});
},
},
getLanguage() {
const Browser_Agent = navigator.userAgent;
// 浏览器为IE的情况
if (Browser_Agent.indexOf(" MSIE ") != -1) {
const a = navigator.browserLanguage;
if (a != "zh-cn") {
// 英文网站
console.log("英文网站");
this.setCharacters(2);
}
}
// 浏览器非IE的情况
else {
const b = navigator.language;
if (b != "zh-CN") {
// 英文网站
console.log("英文网站");
this.setCharacters(2);
}
}
// 获取当前网络ip地址
this.$axios.get("https://ipv4.icanhazip.com/").then(async (res) => {
let ip = res.data;
// 获取当前ip地址首字段
console.log("ip地址为", ip);
});
},
},
},
computed: {
computed: {
...mapState({
...mapState({
@@ -707,9 +754,14 @@ export default {
});
});
},
},
created() {
created() {
this.$nextTick(() => {
this.goView("top");
});
this.getLanguage();
const goView = this.$route.query.goView;
if (goView) {
console.log(true);
this.$nextTick(() => {
this.goView(goView);
});
}
},
},
};
};
</script>
</script>
@@ -1195,7 +1247,7 @@ export default {
background-color: #fff;
background-color: #fff;
.title {
.title {
text-align: center;
text-align: center;
font-size: 2 4px;
font-size: 3 4px;
color: #000;
color: #000;
margin-top: 150px;
margin-top: 150px;
}
}
@@ -1205,15 +1257,21 @@ export default {
margin: 130px auto 0 auto;
margin: 130px auto 0 auto;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
.itemBox {
.itemBox {
width: 25%;
width: 25%;
height: 320px;
height: 320px;
position: relative;
position: relative;
opacity: 0.8;
overflow: hidden;
transform: scale(0.9);
transition: all 0.3s;
cursor: pointer;
img {
img {
width: 100%;
width: 100%;
height: 100%;
height: 100%;
}
}
p {
.title {
position: absolute;
position: absolute;
left: 0;
left: 0;
right: 0;
right: 0;
@@ -1221,11 +1279,51 @@ export default {
margin: auto;
margin: auto;
color: #fff;
color: #fff;
width: 90%;
width: 90%;
font-size: 14 px;
font-size: 18 px;
font-family: Microsoft YaHei;
font-family: Microsoft YaHei;
line-height: 24px;
line-height: 24px;
font-weight: 400;
font-weight: 400;
text-align: center;
text-align: center;
transition: all 0.3s;
}
.des {
position: absolute;
left: 50%;
top: 50%;
width: 200px;
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
transform: translate(-50%, -50%);
transition: all 0.3s;
padding: 15px;
}
.des_y {
position: absolute;
left: 50%;
top: 50%;
font-size: 22px;
width: 240px;
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
transform: translate(-50%, -50%);
transition: all 0.3s;
padding: 18px;
}
&:hover {
border-radius: 10px;
transform: scale(1.1);
opacity: 1;
.title {
opacity: 0;
}
.des {
opacity: 1;
}
.des_y {
opacity: 1;
}
}
}
}
}
}
}
@@ -1425,7 +1523,7 @@ export default {
font-weight: 400;
font-weight: 400;
color: #7e7e7e;
color: #7e7e7e;
line-height: 22px;
line-height: 22px;
margin-top: 5 0px;
margin-top: 3 0px;
}
}
.ctn1 {
.ctn1 {
width: 436px;
width: 436px;