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