update videos

snap-research · Jul 17, 2024 · 04c89f2 · 04c89f2
1 parent 713e25a
commit 04c89f2
Show file tree

Hide file tree

Showing 50 changed files with 246 additions and 206 deletions.
diff --git a/data/videos/ours/0/00000_00141.mp4 b/data/videos/ours/0/00000_00141.mp4
diff --git a/data/videos/ours/0/00000_00141_orig.mp4 b/data/videos/ours/0/00000_00141_orig.mp4
diff --git a/data/videos/ours/14/00000_00186.mp4 b/data/videos/ours/14/00000_00186.mp4
diff --git a/data/videos/ours/14/00000_00186_orig.mp4 b/data/videos/ours/14/00000_00186_orig.mp4
diff --git a/data/videos/ours/17/00000_00468.mp4 b/data/videos/ours/17/00000_00468.mp4
diff --git a/data/videos/ours/17/00000_00468_orig.mp4 b/data/videos/ours/17/00000_00468_orig.mp4
diff --git a/data/videos/ours/18/00000_00006.mp4 b/data/videos/ours/18/00000_00006.mp4
diff --git a/data/videos/ours/18/00000_00006_orig.mp4 b/data/videos/ours/18/00000_00006_orig.mp4
diff --git a/data/videos/ours/19/00000_00049.mp4 b/data/videos/ours/19/00000_00049.mp4
diff --git a/data/videos/ours/19/00000_00049_orig.mp4 b/data/videos/ours/19/00000_00049_orig.mp4
diff --git a/data/videos/ours/2/00000_00134.mp4 b/data/videos/ours/2/00000_00134.mp4
diff --git a/data/videos/ours/2/00000_00134_orig.mp4 b/data/videos/ours/2/00000_00134_orig.mp4
diff --git a/data/videos/ours/21/00000_00158.mp4 b/data/videos/ours/21/00000_00158.mp4
diff --git a/data/videos/ours/21/00000_00158_orig.mp4 b/data/videos/ours/21/00000_00158_orig.mp4
diff --git a/data/videos/ours/22/00000_00449.mp4 b/data/videos/ours/22/00000_00449.mp4
diff --git a/data/videos/ours/22/00000_00449_orig.mp4 b/data/videos/ours/22/00000_00449_orig.mp4
diff --git a/data/videos/ours/23/00000_00165.mp4 b/data/videos/ours/23/00000_00165.mp4
diff --git a/data/videos/ours/23/00000_00165_orig.mp4 b/data/videos/ours/23/00000_00165_orig.mp4
diff --git a/data/videos/ours/25/00000_00429.mp4 b/data/videos/ours/25/00000_00429.mp4
diff --git a/data/videos/ours/25/00000_00429_orig.mp4 b/data/videos/ours/25/00000_00429_orig.mp4
diff --git a/data/videos/ours/26/00000_00262.mp4 b/data/videos/ours/26/00000_00262.mp4
diff --git a/data/videos/ours/26/00000_00262_orig.mp4 b/data/videos/ours/26/00000_00262_orig.mp4
diff --git a/data/videos/ours/27/00000_00131.mp4 b/data/videos/ours/27/00000_00131.mp4
diff --git a/data/videos/ours/27/00000_00131_orig.mp4 b/data/videos/ours/27/00000_00131_orig.mp4
diff --git a/data/videos/ours/3/00000_00198.mp4 b/data/videos/ours/3/00000_00198.mp4
diff --git a/data/videos/ours/3/00000_00198_orig.mp4 b/data/videos/ours/3/00000_00198_orig.mp4
diff --git a/data/videos/ours/30/00000_00140.mp4 b/data/videos/ours/30/00000_00140.mp4
diff --git a/data/videos/ours/30/00000_00140_orig.mp4 b/data/videos/ours/30/00000_00140_orig.mp4
diff --git a/data/videos/ours/31/00000_00056.mp4 b/data/videos/ours/31/00000_00056.mp4
diff --git a/data/videos/ours/31/00000_00056_orig.mp4 b/data/videos/ours/31/00000_00056_orig.mp4
diff --git a/data/videos/ours/37/00000_00015.mp4 b/data/videos/ours/37/00000_00015.mp4
diff --git a/data/videos/ours/37/00000_00015_orig.mp4 b/data/videos/ours/37/00000_00015_orig.mp4
diff --git a/data/videos/ours/38/00000_00221.mp4 b/data/videos/ours/38/00000_00221.mp4
diff --git a/data/videos/ours/38/00000_00221_orig.mp4 b/data/videos/ours/38/00000_00221_orig.mp4
diff --git a/data/videos/ours/4/00000_00218.mp4 b/data/videos/ours/4/00000_00218.mp4
diff --git a/data/videos/ours/4/00000_00218_orig.mp4 b/data/videos/ours/4/00000_00218_orig.mp4
diff --git a/data/videos/ours/47/00000_00009.mp4 b/data/videos/ours/47/00000_00009.mp4
diff --git a/data/videos/ours/47/00000_00009_orig.mp4 b/data/videos/ours/47/00000_00009_orig.mp4
diff --git a/data/videos/ours/5/00000_00223.mp4 b/data/videos/ours/5/00000_00223.mp4
diff --git a/data/videos/ours/5/00000_00223_orig.mp4 b/data/videos/ours/5/00000_00223_orig.mp4
diff --git a/data/videos/ours/51/00000_00099.mp4 b/data/videos/ours/51/00000_00099.mp4
diff --git a/data/videos/ours/51/00000_00099_orig.mp4 b/data/videos/ours/51/00000_00099_orig.mp4
diff --git a/data/videos/ours/59/00000_00055.mp4 b/data/videos/ours/59/00000_00055.mp4
diff --git a/data/videos/ours/59/00000_00055_orig.mp4 b/data/videos/ours/59/00000_00055_orig.mp4
diff --git a/data/videos/ours/8/00000_00000.mp4 b/data/videos/ours/8/00000_00000.mp4
diff --git a/data/videos/ours/8/00000_00000_orig.mp4 b/data/videos/ours/8/00000_00000_orig.mp4
diff --git a/data/videos/ours/9/00000_00261.mp4 b/data/videos/ours/9/00000_00261.mp4
diff --git a/data/videos/ours/9/00000_00261_orig.mp4 b/data/videos/ours/9/00000_00261_orig.mp4
diff --git a/gallery.html b/gallery.html
diff --git a/index.html b/index.html
@@ -149,113 +149,118 @@ <h2>3D Camera Control for Dynamic Scenes</h2>
         </div>
         <div class="row" style="margin-bottom: 0px;">
             <div class="col-xs-33 compare-title  compare-title-sm">
-                <p>Reference Video</p>
+                <p>Camera Input</p>
             </div>
             <div class="col-xs-33 compare-title  compare-title-sm">
-                <p>Camera Input</p>
+                <p>Reference Trajectory Video</p>
             </div>
             <div class="col-xs-33 compare-title">
                 <p>Camera Controlled Generation</p>
             </div>
         </div>
         <div class="row captioned_videos">
-            <div class="col-4">
-                <div class="video-compare-container" style="width: 100%">
-                    <video class="video lazy" id="ex3" loop playsinline autoPlay muted src="data/videos/ours/25/00000_00429_orig.mp4"></video>
-                </div>
-            </div>
             <div class="col-4">
                 <center>
                 <div class="video-compare-container" style="width: 100%">
                     <img src="data/videos/ours_cameras/25.png" width="128" height="128">
                 </div>
                 </center>
             </div>
-            <div class="col-4">
+            <div class="col-8">
                 <div class="video-compare-container" style="width: 100%">
-                    <video class="video lazy" id="ex16" loop playsinline autoPlay muted src="data/videos/ours/25/00000_00429.mp4"></video>
+                    <video class="video lazy" id="ex16" loop playsinline autoPlay muted src="data/videos/ours/25/00000_00429.mp4" height="512"></video>
                 </div>
-                <h6 class="caption" style="font-size:12px;">A trio of fashionable, beret-clad cats sips coffee at a chic Parisian cafe</h6>
             </div>
         </div>
-        <div class="row captioned_videos">
-            <div class="col-4">
-                <div class="video-compare-container" style="width: 100%">
-                    <video class="video lazy" id="ex3" loop playsinline autoPlay muted src="data/videos/ours/30/00000_00140_orig.mp4"></video>
-                </div>
+        <div class="row" style="margin-top: -18px;margin-left: 80px;margin-right: 1px" >
+            <div class="col-xs-33 compare-title  compare-title-sm"></div>
+            <div class="col-xs-33 compare-title  compare-title-sm"></div>
+            <div class="col-xs-33 compare-title">
+                <h6 class="caption" style="font-size:11px;">A trio of fashionable, beret-clad cats sips coffee at a chic Parisian cafe</h6>
             </div>
+        </div>
+        <div class="row captioned_videos">
             <div class="col-4">
                 <center>
                 <div class="video-compare-container" style="width: 100%">
                     <img src="data/videos/ours_cameras/30.png" width="128" height="128">
                 </div>
                 </center>
             </div>
-            <div class="col-4">
+            <div class="col-8">
                 <div class="video-compare-container" style="width: 100%">
                     <video class="video lazy" id="ex16" loop playsinline autoPlay muted src="data/videos/ours/30/00000_00140.mp4"></video>
                 </div>
-                <h6 class="caption" style="font-size:12px;">An astronaut cooking with a pan and fire in the kitchen</h6>
             </div>
         </div>
-        <div class="row captioned_videos">
-            <div class="col-4">
-                <div class="video-compare-container" style="width: 100%">
-                    <video class="video lazy" id="ex3" loop playsinline autoPlay muted src="data/videos/ours/47/00000_00009_orig.mp4"></video>
-                </div>
+        <div class="row" style="margin-top: -18px;margin-left: 80px;margin-right: 1px" >
+            <div class="col-xs-33 compare-title  compare-title-sm"></div>
+            <div class="col-xs-33 compare-title  compare-title-sm"></div>
+            <div class="col-xs-33 compare-title">
+                <h6 class="caption" style="font-size:11px;">An astronaut cooking with a pan and fire in the kitchen</h6>
             </div>
+        </div>
+        <div class="row captioned_videos">
             <div class="col-4">
                 <center>
                 <div class="video-compare-container" style="width: 100%">
                     <img src="data/videos/ours_cameras/47.png" width="128" height="128">
                 </div>
                 </center>
             </div>
-            <div class="col-4">
+            <div class="col-8">
                 <div class="video-compare-container" style="width: 100%">
                     <video class="video lazy" id="ex16" loop playsinline autoPlay muted src="data/videos/ours/47/00000_00009.mp4"></video>
                 </div>
-                <h6 class="caption" style="font-size:12px;">A cat sits at a grand piano, its paws gracefully tapping the keys</h6>
             </div>
         </div>
-        <div class="row captioned_videos">
-            <div class="col-4">
-                <div class="video-compare-container" style="width: 100%">
-                    <video class="video lazy" id="ex3" loop playsinline autoPlay muted src="data/videos/ours/17/00000_00468_orig.mp4"></video>
-                </div>
+        <div class="row" style="margin-top: -18px;margin-left: 80px;margin-right: 1px" >
+            <div class="col-xs-33 compare-title  compare-title-sm"></div>
+            <div class="col-xs-33 compare-title  compare-title-sm"></div>
+            <div class="col-xs-33 compare-title">
+                <h6 class="caption" style="font-size:11px;">A cat sits at a grand piano, its paws gracefully tapping the keys</h6>
             </div>
+        </div>
+        <div class="row captioned_videos">
             <div class="col-4">
                 <center>
                 <div class="video-compare-container" style="width: 100%">
                     <img src="data/videos/ours_cameras/17.png" width="128" height="128">
                 </div>
                 </center>
             </div>
-            <div class="col-4">
+            <div class="col-8">
                 <div class="video-compare-container" style="width: 100%">
                     <video class="video lazy" id="ex16" loop playsinline autoPlay muted src="data/videos/ours/17/00000_00468.mp4"></video>
                 </div>
-                <h6 class="caption" style="font-size:12px;">A huge dinosaur skeleton is walking in a golden wheat field on a bright sunny day</h6>
             </div>
         </div>
-        <div class="row captioned_videos">
-            <div class="col-4">
-                <div class="video-compare-container" style="width: 100%">
-                    <video class="video lazy" id="ex3" loop playsinline autoPlay muted src="data/videos/ours/18/00000_00006_orig.mp4"></video>
-                </div>
+        <div class="row" style="margin-top: -18px;margin-left: 80px;margin-right: 1px" >
+            <div class="col-xs-33 compare-title  compare-title-sm"></div>
+            <div class="col-xs-33 compare-title  compare-title-sm"></div>
+            <div class="col-xs-33 compare-title">
+                <h6 class="caption" style="font-size:11px;">A huge dinosaur skeleton is walking in a golden wheat field on a bright sunny day</h6>
             </div>
+        </div>
+        <div class="row captioned_videos">
             <div class="col-4">
                 <center>
                 <div class="video-compare-container" style="width: 100%">
                     <img src="data/videos/ours_cameras/18.png" width="128" height="128">
                 </div>
                 </center>
             </div>
-            <div class="col-4">
+            <div class="col-8">
                 <div class="video-compare-container" style="width: 100%">
                     <video class="video lazy" id="ex16" loop playsinline autoPlay muted src="data/videos/ours/18/00000_00006.mp4"></video>
                 </div>
-                <h6 class="caption" style="font-size:12px;">A man with a skull face in flames walking around Piccadilly circus</h6>
+            </div>
+        </div>
+        <div class="row" style="margin-top: -18px;margin-left: 80px;margin-right: 1px" >
+            <div class="col-xs-33 compare-title  compare-title-sm"></div>
+            <div class="col-xs-33 compare-title  compare-title-sm"></div>
+            <div class="col-xs-33 compare-title">
+                <h6 class="caption" style="font-size:11px;">A man with a skull face in flames walking around Piccadilly circus</h6>
             </div>
         </div>
         <div class="col-sm-4 my-auto center" style="margin-left:auto; margin-right: auto;">