added video for spatial operators

llmbev · Sep 30, 2023 · 55361cf · 55361cf
1 parent 4745d02
commit 55361cf
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -346,7 +346,10 @@ <h4 class="is-3 has-text-centered">Find distance between ...</h4>
             Using <i>nerfies</i> you can create fun visual effects. This Dolly zoom effect
             would be impossible without nerfies since it would require going through a wall.
           </p> -->
-          <img src="./static/images/spatial1.png" class="interpolation-image" alt="Interpolate start reference image."/>
+          <video id="teaser" autoplay controls muted loop playsinline height="100%">
+            <source src="./static/videos/spatial_1.mp4" type="video/mp4">
+          </video>
+          <!-- <img src="./static/images/spatial1.png" class="interpolation-image" alt="Interpolate start reference image."/> -->
         </div>
       </div>
       <!--/ Visual Effects. -->
@@ -361,7 +364,10 @@ <h4 class="is-3 has-text-centered">Nearest 2 vehicles in front..</h4>
               As a byproduct of our method, we can also solve the matting problem by ignoring
               samples that fall outside of a bounding box during rendering.
             </p> -->
-            <img src="./static/images/spatial2.png" class="interpolation-image" alt="Interpolate start reference image."/>
+            <video id="teaser" autoplay controls muted loop playsinline height="100%">
+              <source src="./static/videos/spatial_2.mp4" type="video/mp4">
+            </video>            
+            <!-- <img src="./static/images/spatial2.png" class="interpolation-image" alt="Interpolate start reference image."/> -->
           </div>
 
         </div>

diff --git a/static/videos/spatial_1.mp4 b/static/videos/spatial_1.mp4
diff --git a/static/videos/spatial_2.mp4 b/static/videos/spatial_2.mp4