update

Author: unknown

index.html

@@ -1373,7 +1373,127 @@ <h4 class="title is-5">Script 2 (Shot count: 4) </h4>
         <div class="column is-one-sixth has-text-centered">
           <p><b>CogVideoX</b></p>
           <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
-            <source src="./static/contrast/bands_cogivideox_compressed_.mp4" type="video/mp4">
+            <source src="./static/contrast/bands_cogvideox_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>    
+        <!-- 继续复制，直到 6 列 -->
+      </div>
+    </div>
+    
+    <!-- Case 3 -->
+    <div class="box">
+      <!-- Script 描述 -->
+      <h4 class="title is-5">Script 3 (Shot count: 3) </h4>
+      <p style="margin-bottom: 15px; font-family: Geneva;">
+        Terraced rice fields with farmers, mist, and water on verdant hillsides <span class="is-size-7">Shot 1:[0s,1s] Shot 2:[1s,2.25s] Shot 3:[2.25s,5s].</span>
+      </p>
+      
+      <div class="columns is-multiline is-mobile">
+        <!-- Method 1 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>Ours</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/rice_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>
+
+        <!-- Method 2 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>StoryDiffusion</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/rice_storydiffusion_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>
+
+        <!-- Method 2 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>HunyuanVideo</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/rice_hunyuan_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>
+      
+        <!-- Method 2 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>Cinematron LoRA</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/rice_cinematron_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>
+      
+        <!-- Method 2 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>Wanx2.1-T2V-turbo</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/rice_wan_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>
+      
+        <!-- Method 2 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>CogVideoX</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/rice_cogvideox_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>    
+        <!-- 继续复制，直到 6 列 -->
+      </div>
+    </div>
+    
+    <!-- Case 4 -->
+    <div class="box">
+      <!-- Script 描述 -->
+      <h4 class="title is-5">Script 4 (Shot count: 2) </h4>
+      <p style="margin-bottom: 15px; font-family: Geneva;">
+        Focused man jogs at dawn, sun glowing on determined frame. <span class="is-size-7">Shot 1:[0s,3s] Shot 2:[3s,5s].</span>
+      </p>
+      
+      <div class="columns is-multiline is-mobile">
+        <!-- Method 1 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>Ours</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/video/jogging_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>
+
+        <!-- Method 2 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>StoryDiffusion</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/jog_storydiffusion_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>
+
+        <!-- Method 2 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>HunyuanVideo</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/jog_hunyuan_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>
+      
+        <!-- Method 2 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>Cinematron LoRA</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/jog_cinematron_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>
+      
+        <!-- Method 2 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>Wanx2.1-T2V-turbo</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/jog_wan_compressed_.mp4" type="video/mp4">
+          </video>
+        </div>
+      
+        <!-- Method 2 -->
+        <div class="column is-one-sixth has-text-centered">
+          <p><b>CogVideoX</b></p>
+          <video controls autoplay muted playsinline loop style="width: 100%; height: auto; border-radius: 6px;">
+            <source src="./static/contrast/jog_cogvideox_compressed_.mp4" type="video/mp4">
           </video>
         </div>    
         <!-- 继续复制，直到 6 列 -->