mediapipe+three实现摄像头捕获人脸实时驱动三维glb虚拟人物头部表情同步代码
代码语言:html
所属分类:三维
代码描述:mediapipe+three实现摄像头捕获人脸实时驱动三维glb虚拟人物头部表情同步代码
代码标签: mediapipe three 摄像头 捕获 人脸 实时 驱动 三维 glb 虚拟 人物 头部 表情
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style>
body {
margin: 0;
background-color: #666666;
color: #fff;
font-family: Monospace;
font-size: 13px;
line-height: 24px;
overscroll-behavior: none;
}
a {
color: #ff0;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#info {
position: absolute;
top: 0px;
width: 100%;
padding: 10px;
box-sizing: border-box;
text-align: center;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
z-index: 1;
}
#info a {
pointer-events: auto;
}
</style>
</head>
<body>
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.174.0/build/three.module.js",
"three/addons/": "https://c.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0