邃芒官网、邃芒慧影、口播(H5) https://m.metavatar.cc
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 
 

72 行
1.8 KiB

  1. <template>
  2. <div class="technology">
  3. <div class="top">
  4. <img src="@/assets/img/technology_1.png" alt="">
  5. <div>
  6. <h1>{{ technology[characters].title}}</h1>
  7. <p>{{ technology[characters].desc1}}</p>
  8. </div>
  9. </div>
  10. <div>
  11. <div class="ct2">
  12. {{ technology[characters].desc2}}
  13. </div>
  14. </div>
  15. <div>
  16. <img src="@/assets/img/technology_2.png" alt="">
  17. </div>
  18. <div class="ct2">
  19. {{ technology[characters].desc}}
  20. </div>
  21. </div>
  22. </template>
  23. <script>
  24. import { mapState } from 'vuex'
  25. export default {
  26. data(){
  27. return {
  28. technology: {
  29. 1: {
  30. title: 'MetaGene Avater技术',
  31. desc1: 'MetaGene是邃芒科技创造数字人的核心技术,以GAN(生成对抗网络)、NeRF(神经辐射场) 以及多模态合成技术为基础,由数字人形象、数字人驱动以及数字人交互等组成的数字人创造平台, 是元宇宙的基础设施。',
  32. desc2: '通过MetaGene可以实时创造2K分辨率的虚拟数字人形象,或复刻真人形象,并且可以自由的编辑及风格化。',
  33. desc3: 'MetaGene还支持语音、文字、视频等多种有/无中之人的数字人驱动方式,实时的生成高质量的驱动视频。',
  34. }
  35. }
  36. }
  37. },
  38. computed: {
  39. ...mapState({
  40. characters: state => state.publicObj.characters
  41. })
  42. }
  43. }
  44. </script>
  45. <style lang="scss" scoped>
  46. .technology{
  47. .top{
  48. position: relative;
  49. div{
  50. position: absolute;
  51. left: 95px;
  52. right: 95px;
  53. bottom: 90px;
  54. h1{
  55. font-size: 34px;
  56. color: #fff;
  57. }
  58. p{
  59. font-size: 26px;
  60. margin-top: 35px;
  61. color: #fff;
  62. }
  63. }
  64. }
  65. .ct2{
  66. font-size: 26px;
  67. margin: 75px 95px;
  68. color: #3d3d3d;
  69. }
  70. }
  71. </style>