ZGTZ-2026's picture
Update index.html
0d9b2d2 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-15">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Multi-View Continuous 4D Human Motion Dataset</title>
<style>
body{
margin:0;
font-family: Arial, Helvetica, sans-serif;
background:#f5f6f8;
}
.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}
.hero{
background:#D72222;
color:white;
text-align:center;
padding:100px 20px 140px;
}
.hero h1{
font-size:48px;
margin-bottom:20px;
}
.hero p{
font-size:24px;
max-width:900px;
margin:auto;
}
.card-wrapper{
display:flex;
justify-content:center;
gap:30px;
flex-wrap:wrap;
margin-top:-80px;
}
.card{
background:white;
padding:40px 25px;
border-radius:18px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
border:1px solid #eee;
width:300px;
}
.card h2{
color:#D72222;
font-size:48px;
margin:0;
}
.section{
background:white;
margin:40px 0;
padding:35px;
border-radius:16px;
border:1px solid #e0e0e0;
box-shadow:0 4px 20px rgba(0,0,0,0.03);
}
.section h2{
font-size:36px;
border-bottom:2px solid #D72222;
padding-bottom:10px;
display:inline-block;
}
.table{
width:100%;
border-spacing:15px;
text-align:center;
}
.table td{
background:white;
padding:18px 12px;
border-radius:10px;
box-shadow:0 2px 5px rgba(0,0,0,0.05);
}
pre{
background:#f8f9fa;
padding:18px;
border-radius:10px;
border-left:4px solid #D72222;
overflow:auto;
}
.tip{
background:#e3f2fd;
padding:15px;
border-radius:10px;
border-left:4px solid #2196F3;
color:#1976D2;
margin-top:20px;
}
.button{
display:inline-block;
margin-top:15px;
padding:14px 32px;
border:2px solid #D72222;
border-radius:8px;
color:#D72222;
text-decoration:none;
font-weight:bold;
transition:.3s;
}
.button:hover{
background:#D72222;
color:white;
}
</style>
</head>
<body>
<!-- Hero -->
<div class="hero">
<h1>Multi-View Continuous 4D Human Motion Dataset</h1>
<p>Large-Scale 1080P Multi-View Human Motion Data for AI Research & Commercial Applications</p>
</div>
<div class="container">
<!-- Cards -->
<div class="card-wrapper">
<div class="card">
<h2>10,000+</h2>
<p>Total Hours</p>
</div>
<div class="card">
<h2>2,000+</h2>
<p>Real-world Scenes</p>
</div>
<div class="card">
<h2>6,000+</h2>
<p>Subject Instances</p>
</div>
</div>
<!-- Dataset Scale -->
<div class="section" style="text-align:center;">
<h2>Dataset Scale</h2>
<table class="table">
<tr>
<td>
<h3 style="color:#D72222;font-size:32px;margin:0;">800+</h3>
Multi-Person Interactions (Hours)
</td>
<td>
<h3 style="color:#D72222;font-size:32px;margin:0;">2,200+</h3>
Dual-Person Actions (Hours)
</td>
<td>
<h3 style="color:#D72222;font-size:32px;margin:0;">7,000+</h3>
Single-Person Actions (Hours)
</td>
</tr>
</table>
</div>
<!-- Structure -->
<div class="section">
<h2>Dataset Structure</h2>
<p style="font-size:18px;color:#555;">
We provide modularly selectable annotation data covering human body parameters ranging from video-level to frame-level.
</p>
<pre>
├── Dataset_Root/
│ ├── Videos/ # raw video data
│ │ ├── Duration/ # duration
│ │ ├── Scene_01/ # a complete acquisition unit
│ │ │ ├── Cam_01.mp4
│ │ │ └── ... (6 views)
│ ├── Content/ # scene content description
│ │ ├── Environment/ # environment
│ │ ├── Scene_Type/ # scene
│ │ ├── People_Count/ # number of people
│ │ ├── Action_Category/ # action
│ ├── VGGT/ # 3D Point Cloud
│ ├── Annotations/ # SMPL Parameters
│ │ ├── Scene_01.json
│ │ │ ├── "frames":[
│ │ │ │ ├──{
│ │ │ │ │ ├── "frame_id":0,
│ │ │ │ │ ├── "smpl_params":{
│ │ │ │ │ │ ├── "global_orient":[rx,ry,rz],
│ │ │ │ │ │ ├── "body_pose":[[j1_rx,j1_ry,j1_rz],...], # 23 joints
│ │ │ │ │ │ ├── "transl":[tx,ty,tz]
│ │ │ │ │ ├── }
│ │ │ │ ├──}
│ │ │ ├──]
</pre>
<div class="tip">
<strong>Tip:</strong>
Required fields can be freely chosen based on actual needs: multi-camera raw video data, environment, scene type, number of people, action category, duration, point cloud data (.vgt), frame-level human body parameters (SMPL).
</div>
</div>
<!-- Overview -->
<div class="section">
<h2>Dataset Overview</h2>
<ul style="font-size:18px;color:#555;line-height:1.8;list-style:none;padding-left:0;">
<li><b>multi-person actions:</b>800+ hours</li>
<li><b>two-person actions:</b>2,200+ hours</li>
<li><b>single-person actions:</b>7,000+ hours</li>
<li><b>number of real-world scenes:</b>2,000+</li>
<li><b>Shooting participant person-times:</b>6,000+</li>
<li><b>total actual shooting duration:</b>10,000+ hours</li>
<li><b>video quality:</b>Full set of 1080P HD videos, longest video exceeds 60 minutes</li>
<li><b>acquisition method:</b>Multi-view synchronous acquisition with stable time alignment</li>
</ul>
<div style="text-align:center;">
<a class="button" href="http://220.168.41.41:8090/multi-viewData/index" target="_blank">
Visit Official Website
</a>
</div>
</div>
</div>
</body>
</html>