Add ConsistencyTTA demo video

Consistency-TTA · Jun 11, 2024 · f81c61e · f81c61e
1 parent 2cda2de
commit f81c61e
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/demo_video.mp4 b/demo_video.mp4
diff --git a/index.html b/index.html
@@ -79,9 +79,16 @@ <h2>Description</h2>
 
     <section class="section">
         <h2>Main Experiment Results</h2>
-        <center>
-            <img src="main_figure_.png" alt="ConsistencyTTA Results" title="Results" width="480"/>
-        </center>
+        <div class="center-container">
+            <div class="content">
+                <img src="main_figure_.png" alt="ConsistencyTTA Results" title="Results" width="450"/>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                <video width="216" height="384" controls>
+                    <source src="demo_video.mp4" type="video/mp4">
+                    Your browser does not support the video tag.
+                </video>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            </div>
+        </div>
         <p>
             Our method reduce the computation of the core step of diffusion-based text-to-audio generation by 
             a factor of 400, while observing minimal performance degradation in terms of 

diff --git a/styles.css b/styles.css
@@ -314,3 +314,14 @@ audio.scaled {
 .bibtex:hover .copy-icon {
     color: #007BFF;  /* Change color on hover for better user feedback */
 }
+
+.center-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center; /* Ensures the content inside the flex container is centered horizontally */
+}
+.content {
+    display: inline-flex;
+    align-items: center;
+}