From 39382bf3b7bc59a34532e2b1b03b791b1e983f2f Mon Sep 17 00:00:00 2001
From: "leeway.zlw" <leeway.zlw@outlook.com>
Date: Mon, 9 Dec 2024 09:25:21 +0800
Subject: [PATCH] feat: update demos

---
 src/components/AbstractSection.vue |   4 +-
 src/components/VideoCarousel.vue   |  15 +-
 src/index.json                     | 645 ++++++++++++++++++++++++-----
 3 files changed, 560 insertions(+), 104 deletions(-)

diff --git a/src/components/AbstractSection.vue b/src/components/AbstractSection.vue
index 8197918..254fa8f 100644
--- a/src/components/AbstractSection.vue
+++ b/src/components/AbstractSection.vue
@@ -1,7 +1,7 @@
 <template>
     <section class="abstract">
         <div>
-            <h3>Abstract</h3>
+            <h3>{{ title }}</h3>
             <div v-if="figure" class="figure">
                 <img :src="figure">
             </div>
@@ -15,11 +15,13 @@
 
 <script setup lang="ts">
 interface Props {
+    title?: string
     content?: string
     figure?: string
     video?: string
 }
 const { props } = defineProps<{ props: Props }>()
+const title = props.title || "Abstract"
 const figure = (props.figure || "").startsWith("assets") ? new URL(`../${props.figure}`, import.meta.url).href : props.figure
 const video = (props.video || "").startsWith("assets") ? new URL(`../${props.video}`, import.meta.url).href : props.video
 
diff --git a/src/components/VideoCarousel.vue b/src/components/VideoCarousel.vue
index 6f83e54..80a24f4 100644
--- a/src/components/VideoCarousel.vue
+++ b/src/components/VideoCarousel.vue
@@ -14,15 +14,17 @@
                         <div v-for="(video, vi) in videos" :key="vi"
                             :style="{ width: `${100 / videos.length - 1}%`, 'margin-right': `1%`, 'position': 'relative' }"
                             @mouseenter.capture.stop="hideCaption" @mouseleave.capture.stop="showCaption">
-                            <div v-if="captions[vi]" class="caption">
+                            <div v-if="captions[(i * count) + vi]" class="caption">
                                 <span>
-                                    {{ captions[vi] }}
+                                    {{ captions[(i * count) + vi] }}
                                 </span>
                             </div>
-                            <video :ref="(el: any) => videos[i + vi] = el" :muted="Boolean(captions[vi])"
-                                :style="{ 'cursor': 'pointer' }" :loop="Boolean(captions[vi])"
-                                :autoplay="Boolean(captions[vi])" :controls="!Boolean(captions[vi])" :src="video"
-                                preload="metadata" @click="(evt) => showFeature(vi, evt)"></video>
+                            <video :ref="(el: any) => videos[(i * count) + vi] = el"
+                                :muted="Boolean(captions[(i * count) + vi])" :style="{ 'cursor': 'pointer' }"
+                                :loop="Boolean(captions[(i * count) + vi])"
+                                :autoplay="Boolean(captions[(i * count) + vi])"
+                                :controls="!Boolean(captions[(i * count) + vi])" :src="video" preload="metadata"
+                                @click="(evt) => showFeature((i * count) + vi, evt)"></video>
                         </div>
                     </div>
                 </div>
@@ -170,6 +172,7 @@ section {
 .video-group {
     .caption {
         @apply w-full h-full px-1 text-white;
+        opacity: 0.5;
         white-space: pre-line;
         word-break: break-word;
         text-overflow: ellipsis;
diff --git a/src/index.json b/src/index.json
index 0fd0ada..947ca2c 100644
--- a/src/index.json
+++ b/src/index.json
@@ -94,60 +94,61 @@
         "template": "video-carousel",
         "props": {
             "id": "showcase",
-            "title": "More Detail(Coming soon)",
+            "title": "Demo of OpenHumanVid",
             "items": [
-                "https://cdn.aondata.work/OpenHumanVid/assets/videos/main.mp4",
-                "https://cdn.aondata.work/OpenHumanVid/assets/videos/main.mp4",
-                "https://cdn.aondata.work/OpenHumanVid/assets/videos/main.mp4"
+                "https://cdn.aondata.work/OpenHumanVid/assets/videos/f40492a05b8df569687c735e33c295efce06517630489d06f7f95f68527c4674_010804_010895.mp4",
+                "https://cdn.aondata.work/OpenHumanVid/assets/videos/4d092de5f215e4bc41b7c773a77787289e0053f2f7645c5801fd2d907ebac137_016564_016789.mp4",
+                "https://cdn.aondata.work/OpenHumanVid/assets/videos/360e7333d4a8302bacfddd6b308606d17342fa23233a72c545fac4fba812ad59_030894_031095.mp4",
+                "https://cdn.aondata.work/OpenHumanVid/assets/videos/0160098af8984e3b58fd61d3c6c260ccf86e7ae221e8e3b13fc06bdafe597aeb_050277_050376.mp4"
             ],
             "annotations": [
                 {
                     "Captions": {
-                        "method": "structured_caption",
+                        "method": "caption",
                         "feature": {
                             "long_caption": "A man in a dark suit and blue plaid shirt stands in a room with classical architecture, including tall windows and a grand staircase, and speaks earnestly to the camera. The room is well-lit by natural light, and elegant wall sconces. The man's serious expression and the room's historical significance are consistent throughout the video.",
                             "short_caption": "A man in a dark suit descends a modern staircase, engaged in a phone conversation, showing concern, in a contemporary indoor environment with signs and a security camera.",
                             "appearance_caption": "A man in a dark suit and black shirt.",
                             "humanmotion_caption": "descending.",
-                            "facemotion_caption": "Focused concern.",
+                            "facemotion_caption": "Focused concern",
                             "environment_caption": "Contemporary indoor environment, possibly a corporate or public building, with signs indicating directions and a security camera."
                         }
                     },
                     "Luminance": {
                         "method": "luminance",
                         "feature": {
-                            "luminance_min": 10.0,
-                            "luminance_max": 50.0,
-                            "luminance_mean": 32.0
+                            "luminance_max": 44.80217717303692,
+                            "luminance_min": 44.075818219795465,
+                            "luminance_mean": 44.36980560578091
                         }
                     },
                     "Blur": {
                         "method": "blur",
                         "feature": {
-                            "blur_min": 10.0,
-                            "blur_max": 50.0,
-                            "blur_mean": 32.0
+                            "blur_mean": 0.2796466799001651,
+                            "blur_max": 0.295311695002576,
+                            "blur_min": 0.24202580959337716
                         }
                     },
                     "Aesthetics": {
                         "method": "aes_score",
                         "feature": {
-                            "score": 10.0
+                            "score": 5.305022716522217
                         }
                     },
                     "Technical Quality": {
-                        "method": "DOVER",
+                        "method": "video_quality",
                         "feature": {
-                            "overall_score": 0.1473659345394132,
-                            "aesthetic_score": 0.7640544944986749,
-                            "technical_score": 0.025936384949948224
+                            "overall_score": 0.7145693752470338,
+                            "aesthetic_score": 0.9918410815715151,
+                            "technical_score": 0.1735642116291858
                         }
                     },
                     "Motion": {
                         "method": "motion_score",
                         "feature": {
-                            "local_score": 84.14994812011719,
-                            "global_score": 4.1278228759765625
+                            "local_score": 41.78071594238281,
+                            "global_score": 3.2120871543884277
                         }
                     },
                     "Human": {
@@ -156,19 +157,19 @@
                             "face_infos": [
                                 {
                                     "bbox": [
-                                        0.21723240039966724,
-                                        0.06925696267022027,
-                                        0.5666032014069734,
-                                        0.7887318929036459
+                                        0.5781167159772328,
+                                        0.21002040439181857,
+                                        0.7136582301670973,
+                                        0.5326948801676432
                                     ],
                                     "pose": [
-                                        -19.083486557006836,
-                                        12.245366096496582,
-                                        -30.575132369995117
+                                        -9.113373756408691,
+                                        -18.841583251953125,
+                                        -3.3799729347229004
                                     ]
                                 }
                             ],
-                            "face_ratio": 0.7194749302334256,
+                            "face_ratio": 0.32267447577582464,
                             "max_human_num": 1,
                             "average_human_num": 1.0,
                             "first_frame_human_num": 1,
@@ -178,59 +179,59 @@
                     "Lip Sync": {
                         "method": "syncnet",
                         "feature": {
-                            "conf": 0.5223512649536133,
-                            "dist": 11.353439331054688,
-                            "offset": 15.0
+                            "offset": -3.0,
+                            "conf": 8.667348861694336,
+                            "dist": 6.714460372924805
                         }
                     }
                 },
                 {
                     "Captions": {
-                        "method": "structured_caption",
+                        "method": "caption",
                         "feature": {
-                            "long_caption": "xxxxx",
-                            "short_caption": "xxxx",
-                            "appearance_caption": "xxxx",
-                            "humanmotion_caption": "xxxx",
-                            "facemotion_caption": "xxxx",
-                            "environment_caption": "xxx"
+                            "long_caption": "A woman with glasses and a playful expression is seated at a cafeteria table, wearing a white hoodie with red hearts and a black t-shirt with space motifs, surrounded by snacks and a vending machine. She then stands in front of the vending machine, her expression shifting from mild surprise to mild frustration, indicating a casual interaction with the machine. The setting suggests a workplace or school cafeteria.",
+                            "short_caption": "A woman in a white hoodie with red hearts and a space-themed t-shirt interacts with a vending machine in a cafeteria, her expression shifting from surprise to frustration.",
+                            "appearance_caption": "A woman with glasses and a playful expression, wearing a white hoodie with red hearts and a black t-shirt with space motifs.",
+                            "humanmotion_caption": "She stands in front of the vending machine, her expression shifting from mild surprise to mild frustration.",
+                            "facemotion_caption": "playful, mild surprise, mild frustration",
+                            "environment_caption": "A cafeteria with a vending machine and tables."
                         }
                     },
                     "Luminance": {
                         "method": "luminance",
                         "feature": {
-                            "luminance_min": 10.0,
-                            "luminance_max": 50.0,
-                            "luminance_mean": 32.0
+                            "luminance_max": 63.31634377263374,
+                            "luminance_min": 50.00055105401235,
+                            "luminance_mean": 53.09558892590255
                         }
                     },
                     "Blur": {
                         "method": "blur",
                         "feature": {
-                            "blur_min": 10.0,
-                            "blur_max": 50.0,
-                            "blur_mean": 32.0
+                            "blur_mean": 0.2582490573647941,
+                            "blur_max": 0.2744274919660693,
+                            "blur_min": 0.2316813177185246
                         }
                     },
                     "Aesthetics": {
                         "method": "aes_score",
                         "feature": {
-                            "score": 10.0
+                            "score": 4.983050346374512
                         }
                     },
                     "Technical Quality": {
-                        "method": "DOVER",
+                        "method": "video_quality",
                         "feature": {
-                            "overall_score": 0.1473659345394132,
-                            "aesthetic_score": 0.7640544944986749,
-                            "technical_score": 0.025936384949948224
+                            "overall_score": 0.6542895498423325,
+                            "aesthetic_score": 0.9887587395132719,
+                            "technical_score": 0.1403587827452548
                         }
                     },
                     "Motion": {
                         "method": "motion_score",
                         "feature": {
-                            "local_score": 84.14994812011719,
-                            "global_score": 4.1278228759765625
+                            "local_score": 35.41042709350586,
+                            "global_score": 2.0712239742279053
                         }
                     },
                     "Human": {
@@ -239,19 +240,19 @@
                             "face_infos": [
                                 {
                                     "bbox": [
-                                        0.21723240039966724,
-                                        0.06925696267022027,
-                                        0.5666032014069734,
-                                        0.7887318929036459
+                                        0.36856036716037327,
+                                        0.17341622246636285,
+                                        0.491852710865162,
+                                        0.41829100714789497
                                     ],
                                     "pose": [
-                                        -19.083486557006836,
-                                        12.245366096496582,
-                                        -30.575132369995117
+                                        2.3419764041900635,
+                                        -21.7281436920166,
+                                        10.016470909118652
                                     ]
                                 }
                             ],
-                            "face_ratio": 0.7194749302334256,
+                            "face_ratio": 0.24487478468153212,
                             "max_human_num": 1,
                             "average_human_num": 1.0,
                             "first_frame_human_num": 1,
@@ -261,9 +262,9 @@
                     "Lip Sync": {
                         "method": "syncnet",
                         "feature": {
-                            "conf": 0.5223512649536133,
-                            "dist": 11.353439331054688,
-                            "offset": 15.0
+                            "offset": -1.0,
+                            "conf": 7.297475337982178,
+                            "dist": 7.176436901092529
                         }
                     }
                 },
@@ -271,76 +272,70 @@
                     "Captions": {
                         "method": "caption",
                         "feature": {
-                            "long_caption": "xxxxx",
-                            "short_caption": "xxxx",
-                            "appearance_caption": "xxxx",
-                            "humanmotion_caption": "xxxx",
-                            "facemotion_caption": "xxxx",
-                            "environment_caption": "xxx"
+                            "long_caption": "A man in a dark suit and black shirt is seen descending a modern staircase, engaged in a phone conversation, showing focused concern. The scene is set in a contemporary indoor environment, possibly a corporate or public building, with signs indicating directions. The man's posture and expressions suggest a professional setting that requires formality, and the presence of a security camera adds a sense of surveillance. The video is identified as a scene from a television drama.",
+                            "short_caption": "A man in a dark suit and blue plaid shirt stands in a room with classical architecture, speaking earnestly to the camera with a serious expression.",
+                            "appearance_caption": "A man in a dark suit and blue plaid shirt.",
+                            "humanmotion_caption": "speaks earnestly",
+                            "facemotion_caption": "Earnest, serious",
+                            "environment_caption": "A room with classical architecture, tall windows, a grand staircase, natural light, and elegant wall sconces."
                         }
                     },
                     "Luminance": {
-                        "clip_id": "xxxx",
                         "method": "luminance",
                         "feature": {
-                            "luminance_min": 10.0,
-                            "luminance_max": 50.0,
-                            "luminance_mean": 32.0
+                            "luminance_max": 114.01546287890619,
+                            "luminance_min": 94.20237751909724,
+                            "luminance_mean": 104.10700067281539
                         }
                     },
                     "Blur": {
-                        "clip_id": "xxxx",
                         "method": "blur",
                         "feature": {
-                            "blur_min": 10.0,
-                            "blur_max": 50.0,
-                            "blur_mean": 32.0
+                            "blur_mean": 0.4040423192695577,
+                            "blur_max": 0.47463199214916585,
+                            "blur_min": 0.3013300861745972
                         }
                     },
                     "Aesthetics": {
-                        "clip_id": "xxxx",
                         "method": "aes_score",
                         "feature": {
-                            "score": 10.0
+                            "score": 5.638896942138672
                         }
                     },
                     "Technical Quality": {
-                        "clip_id": "xxxx",
-                        "method": "DOVER",
+                        "method": "video_quality",
                         "feature": {
-                            "overall_score": 0.1473659345394132,
-                            "aesthetic_score": 0.7640544944986749,
-                            "technical_score": 0.025936384949948224
+                            "overall_score": 0.5532148258526322,
+                            "aesthetic_score": 0.9793050304537433,
+                            "technical_score": 0.10796191375160949
                         }
                     },
                     "Motion": {
-                        "clip_id": "xxxx",
                         "method": "motion_score",
                         "feature": {
-                            "local_score": 84.14994812011719,
-                            "global_score": 4.1278228759765625
+                            "local_score": 27.24751853942871,
+                            "global_score": 1.1056225299835205
                         }
                     },
                     "Human": {
-                        "clip_id": "xxxx",
                         "method": "human",
                         "feature": {
                             "face_infos": [
                                 {
                                     "bbox": [
-                                        0.21723240039966724,
-                                        0.06925696267022027,
-                                        0.5666032014069734,
-                                        0.7887318929036459
+                                        0.44597764015197755,
+                                        0.16279669867621527,
+                                        0.4815670967102051,
+                                        0.24358976152208117
                                     ],
                                     "pose": [
-                                        -19.083486557006836,
-                                        12.245366096496582,
-                                        -30.575132369995117
+                                        -14.76474666595459,
+                                        7.624451160430908,
+                                        11.087444305419922
                                     ]
                                 }
                             ],
-                            "face_ratio": 0.7194749302334256,
+                            "face_ratio": 0.0807930628458659,
                             "max_human_num": 1,
                             "average_human_num": 1.0,
                             "first_frame_human_num": 1,
@@ -351,9 +346,440 @@
                         "clip_id": "xxxx",
                         "method": "syncnet",
                         "feature": {
-                            "conf": 0.5223512649536133,
-                            "dist": 11.353439331054688,
-                            "offset": 15.0
+                            "offset": 2.0,
+                            "conf": 1.5849928855895996,
+                            "dist": 6.576815128326416
+                        }
+                    }
+                },
+                {
+                    "Captions": {
+                        "method": "caption",
+                        "feature": {
+                            "long_caption": "A middle-aged man with glasses is seen engaged in a phone conversation, standing outside a residential building. Initially, he is in a gray polo shirt, with a window and air conditioner in the background. Two seconds later, his attire changes to a dark gray polo shirt, and his expression shifts to concern or surprise, with a potted plant and air conditioner still visible behind him.",
+                            "short_caption": "A middle-aged man with glasses stands outside a residential building, wearing a gray polo shirt, then suddenly changes to a dark gray polo shirt, with a concerned expression.",
+                            "appearance_caption": "A middle-aged man with glasses, wearing a gray polo shirt, then a dark gray polo shirt.",
+                            "humanmotion_caption": "is seen, standing, changes, shifts",
+                            "facemotion_caption": "concern or surprise",
+                            "environment_caption": "Residential building, window, air conditioner, potted plant"
+                        }
+                    },
+                    "Luminance": {
+                        "method": "luminance",
+                        "feature": {
+                            "luminance_max": 99.7417545071614,
+                            "luminance_min": 96.92748873806424,
+                            "luminance_mean": 99.09837591735385
+                        }
+                    },
+                    "Blur": {
+                        "method": "blur",
+                        "feature": {
+                            "blur_mean": 0.1432342186972951,
+                            "blur_max": 0.1787749287749288,
+                            "blur_min": 0.10249231819733698
+                        }
+                    },
+                    "Aesthetics": {
+                        "method": "aes_score",
+                        "feature": {
+                            "score": 5.6754841804504395
+                        }
+                    },
+                    "Technical Quality": {
+                        "method": "video_quality",
+                        "feature": {
+                            "overall_score": 0.7343733228660522,
+                            "aesthetic_score": 0.9941633391453666,
+                            "technical_score": 0.16613536816958177
+                        }
+                    },
+                    "Motion": {
+                        "method": "motion_score",
+                        "feature": {
+                            "local_score": 10.54634952545166,
+                            "global_score": 1.350376009941101
+                        }
+                    },
+                    "Human": {
+                        "method": "human",
+                        "feature": {
+                            "face_infos": [
+                                {
+                                    "bbox": [
+                                        0.6057637214660645,
+                                        0.248422728644477,
+                                        0.7475871086120606,
+                                        0.5665499369303385
+                                    ],
+                                    "pose": [
+                                        -18.972448348999023,
+                                        -11.247897148132324,
+                                        2.378697395324707
+                                    ]
+                                }
+                            ],
+                            "face_ratio": 0.3181272082858615,
+                            "max_human_num": 1,
+                            "average_human_num": 1.0,
+                            "first_frame_human_num": 1,
+                            "average_human_num_change": 0.0
+                        }
+                    },
+                    "Lip Sync": {
+                        "method": "syncnet",
+                        "feature": {
+                            "offset": -2.0,
+                            "conf": 2.301626205444336,
+                            "dist": 11.54295539855957
+                        }
+                    }
+                }
+            ],
+            "count": 2
+        }
+    },
+    {
+        "template": "video-carousel",
+        "props": {
+            "id": "showcase_2",
+            "title": "",
+            "items": [
+                "https://cdn.aondata.work/OpenHumanVid/assets/videos/97a3e862c8912d17a4ada93fe6d6bd43c68e09d989edb7c172f3140b96d72959_049022_049088.mp4",
+                "https://cdn.aondata.work/OpenHumanVid/assets/videos/5ea041748ebaf37a0d07ff5473104aa4354ebbc9330c9a9058f6717cd2b9d036_043844_044026.mp4",
+                "https://cdn.aondata.work/OpenHumanVid/assets/videos/3bdaf3fe992a95c35b21640a8ae9bef20bfe3d23589764c7f2d1b64dc327f8b7_029732_029869.mp4",
+                "https://cdn.aondata.work/OpenHumanVid/assets/videos/9e206f57d7a2df1f730b82d0bbbf91347bd5248e77dca6ce94e96c11f6715a6c_006547_006706.mp4"
+            ],
+            "annotations": [
+                {
+                    "Captions": {
+                        "method": "caption",
+                        "feature": {
+                            "long_caption": "A woman with long brown hair, wearing a white lab coat over a green vest and black skirt, stands in a modern office, holding a glass door handle. The office has a bookshelf with books and a blue pyramid-shaped object. She then walks through the office, passing a bookshelf with books and a blue vase, and a glass door marked 'NO EXIT'.",
+                            "short_caption": "A woman in a white lab coat and green vest stands in a modern office, holding a glass door handle, then walks past a bookshelf and a 'NO EXIT' glass door.",
+                            "appearance_caption": "A woman with long brown hair, wearing a white lab coat over a green vest and black skirt.",
+                            "humanmotion_caption": "She stands, holding a glass door handle. She walks through the office, passing a bookshelf and a glass door.",
+                            "facemotion_caption": null,
+                            "environment_caption": "A modern office with  - a bookshelf with books  - a blue pyramid-shaped object  - a bookshelf with books \n- a blue vase - a glass door - a glass door marked 'NO EXIT'"
+                        }
+                    },
+                    "Luminance": {
+                        "method": "luminance",
+                        "feature": {
+                            "luminance_max": 82.27107518012156,
+                            "luminance_min": 72.46973442708332,
+                            "luminance_mean": 78.75742966330296
+                        }
+                    },
+                    "Blur": {
+                        "method": "blur",
+                        "feature": {
+                            "blur_mean": 0.33411502228276835,
+                            "blur_max": 0.5099797906401144,
+                            "blur_min": 0.17152747993382758
+                        }
+                    },
+                    "Aesthetics": {
+                        "method": "aes_score",
+                        "feature": {
+                            "score": 4.990878582000732
+                        }
+                    },
+                    "Technical Quality": {
+                        "method": "video_quality",
+                        "feature": {
+                            "overall_score": 0.5704152362195155,
+                            "aesthetic_score": 0.9796746792130917,
+                            "technical_score": 0.11826147467262539
+                        }
+                    },
+                    "Motion": {
+                        "method": "motion_score",
+                        "feature": {
+                            "local_score": 29.328584671020508,
+                            "global_score": 5.377431392669678
+                        }
+                    },
+                    "Human": {
+                        "method": "human",
+                        "feature": {
+                            "face_infos": [
+                                {
+                                    "bbox": [
+                                        0.5273186206817627,
+                                        0.20097421010335287,
+                                        0.5875191211700439,
+                                        0.34473116132948134
+                                    ],
+                                    "pose": [
+                                        -7.73296594619751,
+                                        -6.060508728027344,
+                                        1.727678656578064
+                                    ]
+                                }
+                            ],
+                            "face_ratio": 0.14375695122612847,
+                            "max_human_num": 1,
+                            "average_human_num": 1.0,
+                            "first_frame_human_num": 1,
+                            "average_human_num_change": 0.0
+                        }
+                    },
+                    "Lip Sync": {
+                        "method": "syncnet",
+                        "feature": {
+                            "offset": -14.0,
+                            "conf": 0.9809341430664062,
+                            "dist": 8.305692672729492
+                        }
+                    }
+                },
+                {
+                    "Captions": {
+                        "method": "caption",
+                        "feature": {
+                            "long_caption": "The video shows a woman in her thirties with short, dark hair, wearing a blue blouse, engaged in a conversation or listening intently as she holds a glass in a relaxed yet attentive manner in a neutral-colored indoor setting, possibly a home. The soft, natural lighting and subtle movements suggest a quiet, daytime atmosphere.",
+                            "short_caption": "A woman in her thirties with short, dark hair, wearing a blue blouse, holds a glass in a relaxed, attentive manner in a neutral-colored indoor setting, possibly a home, under soft, natural lighting.",
+                            "appearance_caption": "A woman in her thirties with short, dark hair, wearing a blue blouse.",
+                            "humanmotion_caption": "Holds",
+                            "facemotion_caption": "Relaxed, attentive",
+                            "environment_caption": "Neutral-colored indoor setting, possibly a home, with soft, natural lighting."
+                        }
+                    },
+                    "Luminance": {
+                        "method": "luminance",
+                        "feature": {
+                            "luminance_max": 79.61820315733836,
+                            "luminance_min": 51.08700091044206,
+                            "luminance_mean": 64.64430035196341
+                        }
+                    },
+                    "Blur": {
+                        "method": "blur",
+                        "feature": {
+                            "blur_mean": 0.21980229516307084,
+                            "blur_max": 0.26714219972388403,
+                            "blur_min": 0.16206700738216923
+                        }
+                    },
+                    "Aesthetics": {
+                        "method": "aes_score",
+                        "feature": {
+                            "score": 5.447680473327637
+                        }
+                    },
+                    "Technical Quality": {
+                        "method": "video_quality",
+                        "feature": {
+                            "overall_score": 0.6705267651436968,
+                            "aesthetic_score": 0.9931084337887776,
+                            "technical_score": 0.11831916126483329
+                        }
+                    },
+                    "Motion": {
+                        "method": "motion_score",
+                        "feature": {
+                            "local_score": 44.169921875,
+                            "global_score": 19.18124008178711
+                        }
+                    },
+                    "Human": {
+                        "method": "human",
+                        "feature": {
+                            "face_infos": [
+                                {
+                                    "bbox": [
+                                        0.6056308867311376,
+                                        0.15664837772684886,
+                                        0.7112511923146803,
+                                        0.4045689805109698
+                                    ],
+                                    "pose": [
+                                        -11.033823013305664,
+                                        -15.968358993530273,
+                                        3.2269742488861084
+                                    ]
+                                }
+                            ],
+                            "face_ratio": 0.24792060278412092,
+                            "max_human_num": 1,
+                            "average_human_num": 1.0,
+                            "first_frame_human_num": 1,
+                            "average_human_num_change": 0.0
+                        }
+                    },
+                    "Lip Sync": {
+                        "method": "syncnet",
+                        "feature": {
+                            "offset": -1.0,
+                            "conf": 2.692563533782959,
+                            "dist": 5.6294379234313965
+                        }
+                    }
+                },
+                {
+                    "Captions": {
+                        "method": "caption",
+                        "feature": {
+                            "long_caption": "A woman with a beaming smile and large round glasses is seen walking down a professional hallway, dressed in a pastel-colored blouse and high-waisted pants, later adding a tie and high-necked scarf to her outfit, as she confidently navigates the corridors.",
+                            "short_caption": "A woman with a beaming smile and large round glasses walks down a professional hallway.",
+                            "appearance_caption": "A woman with a beaming smile and large round glasses, dressed in a pastel-colored blouse and high-waisted pants, later adding a tie and high-necked scarf to her outfit.",
+                            "humanmotion_caption": "Walking, adding, navigates.",
+                            "facemotion_caption": "Beaming smile, confidently.",
+                            "environment_caption": "A professional hallway, corridors."
+                        }
+                    },
+                    "Luminance": {
+                        "method": "luminance",
+                        "feature": {
+                            "luminance_max": 100.44091059136282,
+                            "luminance_min": 94.02553527582461,
+                            "luminance_mean": 97.46732214505825
+                        }
+                    },
+                    "Blur": {
+                        "method": "blur",
+                        "feature": {
+                            "blur_mean": 0.18966647708326917,
+                            "blur_max": 0.24150710315009263,
+                            "blur_min": 0.15457118960303673
+                        }
+                    },
+                    "Aesthetics": {
+                        "method": "aes_score",
+                        "feature": {
+                            "score": 5.419094562530518
+                        }
+                    },
+                    "Technical Quality": {
+                        "method": "video_quality",
+                        "feature": {
+                            "overall_score": 0.6779396156058177,
+                            "aesthetic_score": 0.9904255147659955,
+                            "technical_score": 0.1491149300461109
+                        }
+                    },
+                    "Motion": {
+                        "method": "motion_score",
+                        "feature": {
+                            "local_score": 65.053466796875,
+                            "global_score": 3.0861849784851074
+                        }
+                    },
+                    "Human": {
+                        "method": "human",
+                        "feature": {
+                            "face_infos": [
+                                {
+                                    "bbox": [
+                                        0.22532782554626465,
+                                        0.152951537238227,
+                                        0.38141019344329835,
+                                        0.5069247775607639
+                                    ],
+                                    "pose": [
+                                        0.30051207542419434,
+                                        14.57342529296875,
+                                        -16.953102111816406
+                                    ]
+                                }
+                            ],
+                            "face_ratio": 0.35397324032253696,
+                            "max_human_num": 1,
+                            "average_human_num": 1.0,
+                            "first_frame_human_num": 1,
+                            "average_human_num_change": 0.0
+                        }
+                    },
+                    "Lip Sync": {
+                        "method": "syncnet",
+                        "feature": {
+                            "offset": 0.0,
+                            "conf": 4.139852523803711,
+                            "dist": 9.093404769897461
+                        }
+                    }
+                },
+                {
+                    "Captions": {
+                        "method": "caption",
+                        "feature": {
+                            "long_caption": "The video shows a single individual, a man with long, dark hair and a beard, dressed in a regal red garment with gold accents, standing by a serene lake surrounded by lush greenery, holding a golden staff as he appears contemplative and poised.",
+                            "short_caption": "A man with long, dark hair and a beard stands by a serene lake, dressed in a regal red garment with gold accents, holding a golden staff.",
+                            "appearance_caption": "A man with long, dark hair and a beard, dressed in a regal red garment with gold accents.",
+                            "humanmotion_caption": "Standing, holding.",
+                            "facemotion_caption": "Contemplative.",
+                            "environment_caption": "A serene lake surrounded by lush greenery."
+                        }
+                    },
+                    "Luminance": {
+                        "method": "luminance",
+                        "feature": {
+                            "luminance_max": 85.71982203667534,
+                            "luminance_min": 73.01265349370661,
+                            "luminance_mean": 78.56432639665799
+                        }
+                    },
+                    "Blur": {
+                        "method": "blur",
+                        "feature": {
+                            "blur_mean": 0.35758069999845454,
+                            "blur_max": 0.5296291950246421,
+                            "blur_min": 0.14420100023815194
+                        }
+                    },
+                    "Aesthetics": {
+                        "method": "aes_score",
+                        "feature": {
+                            "score": 5.947199821472168
+                        }
+                    },
+                    "Technical Quality": {
+                        "method": "video_quality",
+                        "feature": {
+                            "overall_score": 0.8055594443748364,
+                            "aesthetic_score": 0.998301966999396,
+                            "technical_score": 0.14914422728010493
+                        }
+                    },
+                    "Motion": {
+                        "method": "motion_score",
+                        "feature": {
+                            "local_score": 59.30437088012695,
+                            "global_score": 4.398129463195801
+                        }
+                    },
+                    "Human": {
+                        "method": "human",
+                        "feature": {
+                            "face_infos": [
+                                {
+                                    "bbox": [
+                                        0.35720417499542234,
+                                        0.3437721888224284,
+                                        0.4812570571899414,
+                                        0.7121794806586371
+                                    ],
+                                    "pose": [
+                                        15.58315372467041,
+                                        -77.33991241455078,
+                                        -17.1079044342041
+                                    ]
+                                }
+                            ],
+                            "face_ratio": 0.36840729183620874,
+                            "max_human_num": 1,
+                            "average_human_num": 1.0,
+                            "first_frame_human_num": 1,
+                            "average_human_num_change": 0.0
+                        }
+                    },
+                    "Lip Sync": {
+                        "method": "syncnet",
+                        "feature": {
+                            "offset": -1.0,
+                            "conf": 2.2823095321655273,
+                            "dist": 5.687164783477783
                         }
                     }
                 }
@@ -364,10 +790,35 @@
     {
         "template": "abstract",
         "props": {
+            "title": "Data Pipeline",
+            "figure": "//cdn.aondata.work/OpenHumanVid/assets/images/datapipeline.jpg",
+            "content": "First, we preprocess the raw videos with decoding, cropping, and segmentation, followed by quality filtering based on luminance, blur, aesthetics, motion, and technical metrics. Then, we extract human skeleton data and speech audio from the video clips. Subsequently, we generate structured captions for the clips using MiniCPM, CogVLM, and Llama, with BLIP2 voting for accuracy. Finally, we apply advanced human quality filtering to align captions with visual details such as appearance, expressions, and poses, ensuring fine-grained alignment between textual information and visual characteristics."
+        }
+    },
+    {
+        "template": "abstract",
+        "props": {
+            "title": "Data Statistics",
+            "figure": "//cdn.aondata.work/OpenHumanVid/assets/images/data_statistics.jpg",
+            "content": ""
+        }
+    },
+    {
+        "template": "abstract",
+        "props": {
+            "title": "Abstract",
             "figure": "//cdn.aondata.work/OpenHumanVid/assets/images/teaser.jpg",
             "content": "Recent advancements in visual generation technologies have markedly increased the scale and availability of video datasets, which are crucial for training effective video generation models. However, a significant lack of high quality, human-centric video datasets presents a challenge to progress in this field. To bridge this gap, we introduce OpenHumanVid, a large-scale and high-quality human-centric video dataset characterized by precise and detailed captions that encompass both human appearance and motion states, along with supplementary human motion conditions, including skeleton sequences and speech audio. To validate the efficacy of this dataset and the associated training strategies, we propose an extension of existing classical diffusion transformer architectures and conduct further pretraining of our models on the proposed dataset. Our findings yield two critical insights: First, the incorporation of a large-scale, high-quality dataset substantially enhances evaluation metrics for generated human videos while preserving performance in general video generation tasks. Second, the effective alignment of text with human appearance, human motion, and facial motion is essential for producing high-quality video outputs. Based on these insights and corresponding methodologies, the straightforward extended network trained on the proposed dataset demonstrates an obvious improvement in the generation of human-centric videos."
         }
     },
+    {
+        "template": "abstract",
+        "props": {
+            "title": "How to Download(Comming Soon)",
+            "figure": "",
+            "content": ""
+        }
+    },
     {
         "template": "bibtex",
         "props": {