Skip to content

Commit

Permalink
update page
Browse files Browse the repository at this point in the history
  • Loading branch information
SHYuanBest committed Aug 15, 2024
1 parent d3d36d5 commit a78913b
Show file tree
Hide file tree
Showing 11 changed files with 176 additions and 56 deletions.
232 changes: 176 additions & 56 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -440,10 +440,10 @@ <h2 class="subtitle has-text-centered">Evaluation examples with varying CHScore.
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; text-align: center;">
<thead style="background-color: #f2f2f2; border-bottom: 2px solid #ddd;">
<tr>
<th style="padding: 10px;">CHScore ≈ 2.0</th>
<th style="padding: 10px;">CHScore ≈ 8.0</th>
<th style="padding: 10px;">CHScore ≈ 15.0</th>
<th style="padding: 10px;">CHScore ≈ 26.0</th>
<th style="padding: 10px;">CHScore ≈ 10.0</th>
<th style="padding: 10px;">CHScore ≈ 25.0</th>
<th style="padding: 10px;">CHScore ≈ 50.0</th>
<th style="padding: 10px;">CHScore ≈ 70.0</th>
</tr>
</thead>
<tbody>
Expand Down Expand Up @@ -497,67 +497,187 @@ <h2 class="title is-3">Evaluation examples of Different Models</h2>
</tr>
</thead>
<tbody>
<tr style="border-bottom: 1px solid #ddd;">
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">Gen-2</td>
<td style="padding: 10px;"><img src="static/videos/D_0_0.gif" alt="Gen-2" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_0_1.gif" alt="Gen-2" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_0_2.gif" alt="Gen-2" style="width: 235px; height: 235px;"></td>
</tr>
<tr>
<tr style="border-bottom: 1px solid #ddd;">
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">Gen-2</td>
<td style="padding: 10px;">
<img src="static/videos/D_0_0.gif" alt="Gen-2" style="width: 235px; height: 235px;">
<br>MTScore=0.21, CHScore=55.80
</td>
<td style="padding: 10px;">
<img src="static/videos/D_0_1.gif" alt="Gen-2" style="width: 235px; height: 235px;">
<br>MTScore=0.35, CHScore=43.03
</td>
<td style="padding: 10px;">
<img src="static/videos/D_0_2.gif" alt="Gen-2" style="width: 235px; height: 235px;">
<br>MTScore=0.48, CHScore=23.96
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">PiKa-2.0</td>
<td style="padding: 10px;"><img src="static/videos/D_1_0.gif" alt="PiKa-2.0" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_1_1.gif" alt="PiKa-2.0" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_1_2.gif" alt="PiKa-2.0" style="width: 235px; height: 235px;"></td>
</tr>
<tr>
<td style="padding: 10px;">
<img src="static/videos/D_1_0.gif" alt="PiKa-2.0" style="width: 235px; height: 235px;">
<br>MTScore=0.20, CHScore=61.93
</td>
<td style="padding: 10px;">
<img src="static/videos/D_1_1.gif" alt="PiKa-2.0" style="width: 235px; height: 235px;">
<br>MTScore=0.41, CHScore=24.77
</td>
<td style="padding: 10px;">
<img src="static/videos/D_1_2.gif" alt="PiKa-2.0" style="width: 235px; height: 235px;">
<br>MTScore=0.50, CHScore=17.67
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">KeLing</td>
<td style="padding: 10px;"><img src="static/videos/D_2_0.gif" alt="KeLing" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_2_1.gif" alt="KeLing" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_2_2.gif" alt="KeLing" style="width: 235px; height: 235px;"></td>
</tr>
<tr>
<td style="padding: 10px;">
<img src="static/videos/D_2_0.gif" alt="KeLing" style="width: 235px; height: 235px;">
<br>MTScore=0.19, CHScore=76.32
</td>
<td style="padding: 10px;">
<img src="static/videos/D_2_1.gif" alt="KeLing" style="width: 235px; height: 235px;">
<br>MTScore=0.38, CHScore=52.91
</td>
<td style="padding: 10px;">
<img src="static/videos/D_2_2.gif" alt="KeLing" style="width: 235px; height: 235px;">
<br>MTScore=0.47, CHScore=18.87
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">Dream Machine</td>
<td style="padding: 10px;"><img src="static/videos/D_3_0.gif" alt="Dream Machine" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_3_1.gif" alt="Dream Machine" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_3_2.gif" alt="Dream Machine" style="width: 235px; height: 235px;"></td>
</tr>
<tr>
<td style="padding: 10px;">
<img src="static/videos/D_3_0.gif" alt="Dream Machine" style="width: 235px; height: 235px;">
<br>MTScore=0.31, CHScore=55.35
</td>
<td style="padding: 10px;">
<img src="static/videos/D_3_1.gif" alt="Dream Machine" style="width: 235px; height: 235px;">
<br>MTScore=0.43, CHScore=55.15
</td>
<td style="padding: 10px;">
<img src="static/videos/D_3_2.gif" alt="Dream Machine" style="width: 235px; height: 235px;">
<br>MTScore=0.54, CHScore=23.31
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">AnimateDiff-V3</td>
<td style="padding: 10px;"><img src="static/videos/D_4_0.gif" alt="AnimateDiff-V3" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_4_1.gif" alt="AnimateDiff-V3" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_4_2.gif" alt="AnimateDiff-V3" style="width: 235px; height: 235px;"></td>
</tr>
<tr>
<td style="padding: 10px;">
<img src="static/videos/D_4_0.gif" alt="AnimateDiff-V3" style="width: 235px; height: 235px;">
<br>MTScore=0.32, CHScore=17.39
</td>
<td style="padding: 10px;">
<img src="static/videos/D_4_1.gif" alt="AnimateDiff-V3" style="width: 235px; height: 235px;">
<br>MTScore=0.28, CHScore=49.66
</td>
<td style="padding: 10px;">
<img src="static/videos/D_4_2.gif" alt="AnimateDiff-V3" style="width: 235px; height: 235px;">
<br>MTScore=0.49, CHScore=8.24
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">VideoCrafter2</td>
<td style="padding: 10px;"><img src="static/videos/D_5_0.gif" alt="VideoCrafter2" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_5_1.gif" alt="VideoCrafter2" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_5_2.gif" alt="VideoCrafter2" style="width: 235px; height: 235px;"></td>
</tr>
<tr>
<td style="padding: 10px;">
<img src="static/videos/D_5_0.gif" alt="VideoCrafter2" style="width: 235px; height: 235px;">
<br>MTScore=0.27, CHScore=29.45
</td>
<td style="padding: 10px;">
<img src="static/videos/D_5_1.gif" alt="VideoCrafter2" style="width: 235px; height: 235px;">
<br>MTScore=0.35, CHScore=24.14
</td>
<td style="padding: 10px;">
<img src="static/videos/D_5_2.gif" alt="VideoCrafter2" style="width: 235px; height: 235px;">
<br>MTScore=0.50, CHScore=20.05
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">MagicTime</td>
<td style="padding: 10px;"><img src="static/videos/D_6_0.gif" alt="MagicTime" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_6_1.gif" alt="MagicTime" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_6_2.gif" alt="MagicTime" style="width: 235px; height: 235px;"></td>
</tr>
<tr>
<td style="padding: 10px;">
<img src="static/videos/D_6_0.gif" alt="MagicTime" style="width: 235px; height: 235px;">
<br>MTScore=0.49, CHScore=33.96
</td>
<td style="padding: 10px;">
<img src="static/videos/D_6_1.gif" alt="MagicTime" style="width: 235px; height: 235px;">
<br>MTScore=0.34, CHScore=14.28
</td>
<td style="padding: 10px;">
<img src="static/videos/D_6_2.gif" alt="MagicTime" style="width: 235px; height: 235px;">
<br>MTScore=0.51, CHScore=33.56
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">OpenSoraPlan v1.1</td>
<td style="padding: 10px;"><img src="static/videos/D_7_0.gif" alt="OpenSoraPlan v1.1" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_7_1.gif" alt="OpenSoraPlan v1.1" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_7_2.gif" alt="OpenSoraPlan v1.1" style="width: 235px; height: 235px;"></td>
</tr>
<tr>
<td style="padding: 10px;">
<img src="static/videos/D_7_0.gif" alt="OpenSoraPlan v1.1" style="width: 235px; height: 235px;">
<br>MTScore=0.17, CHScore=63.38
</td>
<td style="padding: 10px;">
<img src="static/videos/D_7_1.gif" alt="OpenSoraPlan v1.1" style="width: 235px; height: 235px;">
<br>MTScore=0.18, CHScore=10.14
</td>
<td style="padding: 10px;">
<img src="static/videos/D_7_2.gif" alt="OpenSoraPlan v1.1" style="width: 235px; height: 235px;">
<br>MTScore=0.31, CHScore=14.59
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">OpenSora 1.1</td>
<td style="padding: 10px;"><img src="static/videos/D_8_0.gif" alt="OpenSora 1.1" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_8_1.gif" alt="OpenSora 1.1" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_8_2.gif" alt="OpenSora 1.1" style="width: 235px; height: 235px;"></td>
</tr>
<tr>
<td style="padding: 10px;">
<img src="static/videos/D_8_0.gif" alt="OpenSora 1.1" style="width: 235px; height: 235px;">
<br>MTScore=0.19, CHScore=49.39
</td>
<td style="padding: 10px;">
<img src="static/videos/D_8_1.gif" alt="OpenSora 1.1" style="width: 235px; height: 235px;">
<br>MTScore=0.15, CHScore=28.01
</td>
<td style="padding: 10px;">
<img src="static/videos/D_8_2.gif" alt="OpenSora 1.1" style="width: 235px; height: 235px;">
<br>MTScore=0.21, CHScore=19.07
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">OpenSora 1.2</td>
<td style="padding: 10px;"><img src="static/videos/D_9_0.gif" alt="OpenSora 1.2" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_9_1.gif" alt="OpenSora 1.2" style="width: 235px; height: 235px;"></td>
<td style="padding: 10px;"><img src="static/videos/D_9_2.gif" alt="OpenSora 1.2" style="width: 235px; height: 235px;"></td>
</tr>
</tbody>
<td style="padding: 10px;">
<img src="static/videos/D_9_0.gif" alt="OpenSora 1.2" style="width: 235px; height: 235px;">
<br>MTScore=0.13, CHScore=55.89
</td>
<td style="padding: 10px;">
<img src="static/videos/D_9_1.gif" alt="OpenSora 1.2" style="width: 235px; height: 235px;">
<br>MTScore=0.22, CHScore=8.45
</td>
<td style="padding: 10px;">
<img src="static/videos/D_9_2.gif" alt="OpenSora 1.2" style="width: 235px; height: 235px;">
<br>MTScore=0.41, CHScore=8.40
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">EasyAnimate-V3</td>
<td style="padding: 10px;">
<img src="static/videos/D_10_0.gif" alt="EasyAnimate-V3" style="width: 235px; height: 235px;">
<br>MTScore=0.22, CHScore=51.44
</td>
<td style="padding: 10px;">
<img src="static/videos/D_10_1.gif" alt="EasyAnimate-V3" style="width: 235px; height: 235px;">
<br>MTScore=0.42, CHScore=11.65
</td>
<td style="padding: 10px;">
<img src="static/videos/D_10_2.gif" alt="EasyAnimate-V3" style="width: 235px; height: 235px;">
<br>MTScore=0.44, CHScore=9.68
</td>
</tr>
<tr>
<td style="padding: 10px; font-weight: bold; vertical-align: middle;">CogVideoX</td>
<td style="padding: 10px;">
<img src="static/videos/D_11_0.gif" alt="CogVideoX" style="width: 235px; height: 235px;">
<br>MTScore=0.30, CHScore=20.91
</td>
<td style="padding: 10px;">
<img src="static/videos/D_11_1.gif" alt="CogVideoX" style="width: 235px; height: 235px;">
<br>MTScore=0.45, CHScore=45.92
</td>
<td style="padding: 10px;">
<img src="static/videos/D_11_2.gif" alt="CogVideoX" style="width: 235px; height: 235px;">
<br>MTScore=0.46, CHScore=6.47
</td>
</tr>
</tbody>
</table>
</div>
</div>
Expand Down
Binary file modified static/images/Closed-Soruce.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/images/Open-Source.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/images/human_evaluation.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified static/images/results_open+close.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/videos/D_10_0.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/videos/D_10_1.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/videos/D_10_2.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/videos/D_11_0.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/videos/D_11_1.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/videos/D_11_2.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit a78913b

Please sign in to comment.