update

index.html

@@ -80,7 +80,7 @@ <h1 class="title is-1 publication-title" style="font-size:36px;">FoundationStere
               </span>
               <!-- Video Link. -->
               <span class="link-block">
-                <a href="" class="external-link button is-normal is-rounded is-dark">
+                <a href="https://www.youtube.com/watch?v=R7RgHxEXB3o" class="external-link button is-normal is-rounded is-dark">
                   <span class="icon">
                       <i class="fab fa-youtube"></i>
                   </span>
@@ -176,7 +176,7 @@ <h2 class="title is-3">Abstract</h2>
     <div class="columns is-centered has-text-centered">
       <div class="column is-four-fifths">
         <h2 class="title is-3">ETH3D Leaderboard 🏆</h2>
-        <p style="text-align: left;margin-bottom: 10px">We obtained the 1st place on the <a href="https://www.eth3d.net/low_res_two_view">ETH3D leaderboard</a>.</p>
+        <p style="text-align: left;margin-bottom: 10px">We obtained the 1st place on the world-wide <a href="https://www.eth3d.net/low_res_two_view">ETH3D leaderboard</a>.</p>
         <img src="static/images/eth_leaderboard.png" width="80%">
       </div>
     </div>
@@ -255,49 +255,11 @@ <h2 class="title is-3" style="text-align: center;">Comparison of Stereo Matching
       </div>
     </div>
 
-    <br>
-    <br>
-    <div class="columns is-centered has-text-centered">
-      <div class="column is-full">
-        <h2 class="title is-3" style="text-align: center;">Comparison to Metric Monocular Depth</h2>
-        <!-- <div class="column is-three-fifths"> -->
-          <p style="text-align: left;">We compare with SOTA monocular metric depth estimation methods. Despite their recent advancements, ours still yields the most accurate metric scale point cloud. Play with the below interactive 3D viewer to learn more.</p>
-        <!-- </div> -->
-        <img src="static/images/mono_comparison.png" width="70%" style="margin-top: 10px;">
-        <div style="display: flex; flex: none; align-items: center; justify-content: center; gap: 10px; margin-top: -30px; margin-bottom: -20px;">
-          <p class="title is-5" style="margin: 0;">Method:</p>
-          <span id="Ours_mono" class="button method_mono is-info is-rounded" onclick="change_method_mono('Ours')">
-            Ours
-          </span>
-          <span id="DepthAnythingV2" class="button method_mono is-black is-rounded" onclick="change_method_mono('DepthAnythingV2')">
-            DepthAnythingV2
-          </span>
-          <span id="Depth Pro" class="button method_mono is-black is-rounded" onclick="change_method_mono('Depth Pro')">
-            Depth Pro
-          </span>
-        </div>
-        <!-- <div style="display: flex; width: 100%; flex: none; text-align: center; justify-content: center; gap: 2px; margin-top: 10px; margin-bottom:-20px">
-          <img src="static/images/gr00t_left.png" width="25%">
-          <img id="mono_disp" width="25%">
-        </div> -->
-        <br>
-        <model-viewer style="width: 50%; height: auto; aspect-ratio: 3/2; border: 1px solid black; display: inline-block; "
-          id="mono_cloud"
-          exposure="0.5"
-          max-camera-orbit="Infinity 180deg 100%"
-          min-camera-orbit="-Infinity -180deg 10%"
-          orientation="0deg 180deg 180deg"
-          camera-orbit="180deg 90deg 80%"
-          camera-controls touch-action="none">
-        </model-viewer>
-      </div>
-    </div>
-
 
     <div class="columns is-centered has-text-centered" style="margin-top: 100px;">
       <div class="column is-full">
         <h2 class="title is-3" style="text-align: center;">Comparison to RGBD Camera</h2>
-          <p style="text-align: left;">We compare to common RGBD cameras including RealSense, Kinect, Zed. Ours uses the same stereo image from Zed as input. Different cameras may use different filtering steps for postprocessing, wherease the point cloud accuracy should not be affected.</p>
+          <p style="text-align: left;">We compare to common RGBD cameras including RealSense, Kinect, Zed. Ours uses the same stereo image from Zed as input. Different cameras may use different filtering steps for postprocessing, whereas the inlier point cloud accuracy should not be affected.</p>
           <div style="display: flex; flex: none; align-items: center; justify-content: center; gap: 10px; margin-top: 10px;">
             <p class="title is-5" style="margin: 0;">Scene:</p>
             <span id="Nut" class="button scene_cam is-info is-rounded" onclick="change_scene_cam('Nut')">
@@ -345,11 +307,50 @@ <h2 class="title is-3" style="text-align: center;">Comparison to RGBD Camera</h2
       </div>
     </div>
 
+
+    <div class="columns is-centered has-text-centered" style="margin-top: 150px;">
+      <div class="column is-four-fifths">
+        <h2 class="title is-3" style="text-align: center;">Comparison to Metric Monocular Depth</h2>
+          <p style="text-align: left;">We compare with SOTA monocular metric depth estimation methods. Despite their recent advancements, ours still yields the most accurate metric scale point cloud. Play with the below interactive 3D viewer to learn more.</p>
+        <!-- </div> -->
+        <img src="static/images/mono_comparison.png" width="70%" style="margin-top: 10px;">
+        <div style="display: flex; flex: none; align-items: center; justify-content: center; gap: 10px; margin-top: -30px; margin-bottom: -20px;">
+          <p class="title is-5" style="margin: 0;">Method:</p>
+          <span id="Ours_mono" class="button method_mono is-info is-rounded" onclick="change_method_mono('Ours')">
+            Ours
+          </span>
+          <span id="DepthAnythingV2" class="button method_mono is-black is-rounded" onclick="change_method_mono('DepthAnythingV2')">
+            DepthAnythingV2
+          </span>
+          <span id="Depth Pro" class="button method_mono is-black is-rounded" onclick="change_method_mono('Depth Pro')">
+            Depth Pro
+          </span>
+        </div>
+        <!-- <div style="display: flex; width: 100%; flex: none; text-align: center; justify-content: center; gap: 2px; margin-top: 10px; margin-bottom:-20px">
+          <img src="static/images/gr00t_left.png" width="25%">
+          <img id="mono_disp" width="25%">
+        </div> -->
+        <br>
+        <model-viewer style="width: 50%; height: auto; aspect-ratio: 3/2; border: 1px solid black; display: inline-block; "
+          id="mono_cloud"
+          exposure="0.5"
+          max-camera-orbit="Infinity 180deg 100%"
+          min-camera-orbit="-Infinity -180deg 10%"
+          orientation="0deg 180deg 180deg"
+          camera-orbit="180deg 90deg 80%"
+          camera-controls touch-action="none">
+        </model-viewer>
+      </div>
+    </div>
+
+
+
     <div class="columns is-centered has-text-centered", style="margin-top: 100px;">
       <div class="column is-four-fifths">
         <h2 class="title is-3">Quantitative Comparison</h2>
-        <img src="static/images/table_zero_shot.jpg" width="50%">
-        <img src="static/images/eth.jpg" width="50%" style="margin-top: 20px;">
+        <img src="static/images/table_zero_shot.jpg" width="40%">
+        <br>
+        <img src="static/images/eth.jpg" width="40%" style="margin-top: 20px;">
       </div>
     </div>
 
@@ -359,9 +360,10 @@ <h2 class="title is-3">Quantitative Comparison</h2>
       <div class="column is-four-fifths">
         <h2 class="title is-3">Full Video</h2>
         <div class="publication-video">
-          <video style="text-align:center; width:100%" id="v3" playsinline controls height="100%">
+          <!-- <video style="text-align:center; width:100%; border: 5px solid black" id="v3" playsinline controls height="100%">
             <source src="static/videos/v0c.mp4" type="video/mp4">
-          </video>
+          </video> -->
+          <iframe src="https://www.youtube.com/embed/R7RgHxEXB3o?si=NBHsVaZSOjGOLN03" style="border: 5px solid black" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
           <!-- <iframe src="https://www.youtube.com/embed/Ip_yWsGUF6c?si=qnkJtKPyeIl85WMx" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> -->
         </div>
       </div>