Skip to content

Commit 584e791

Browse files
Lewis-lv0Lewis-lv0
committed
update feb 13
1 parent eb76311 commit 584e791

File tree

3 files changed

+42
-16
lines changed

3 files changed

+42
-16
lines changed

‎assets/videos/interactive_synthesis_2.pdf‎

-74.9 KB
Binary file not shown.

‎index.html‎

Lines changed: 37 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -160,13 +160,6 @@ <h3 class="col-md-12 text-center">
160160
</svg><br>
161161
Code
162162
</a>
163-
<!-- <li class="nav-item text-center">
164-
<a href="https://1drv.ms/u/s!Aq9xVNM_DjPG5RDhuwsv4XaaP62v?e=A18c6Y" class="nav-link">
165-
<svg style="width:48px;height:48px" viewBox="0 0 24 24">
166-
<path fill="currentColor" d="M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M4,9V12C4,14.21 7.58,16 12,16C16.42,16 20,14.21 20,12V9C20,11.21 16.42,13 12,13C7.58,13 4,11.21 4,9M4,14V17C4,19.21 7.58,21 12,21C16.42,21 20,19.21 20,17V14C20,16.21 16.42,18 12,18C7.58,18 4,16.21 4,14Z" />
167-
</svg><br>
168-
Results
169-
</a> -->
170163
</ul>
171164
</div>
172165
</div>
@@ -262,15 +255,15 @@ <h5>Novel view synthesis</h5>
262255
<video class="video-slide" src="./assets/videos/celeb-nvs.mp4" controls
263256
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
264257
muted=""></video>
265-
<!-- <video class="video-slide" src="./assets/videos/novel-view.mp4" controls
258+
<video class="video-slide" src="./assets/videos/novel-view.mp4" controls
266259
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
267-
muted=""></video> -->
268-
<video class="video-slide" src="./assets/videos/novel-view-comparison-1.mp4" controls
260+
muted=""></video>
261+
<!-- <video class="video-slide" src="./assets/videos/novel-view-comparison-1.mp4" controls
269262
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
270263
muted=""></video>
271264
<video class="video-slide" src="./assets/videos/novel-view-comparison-2.mp4" controls
272265
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
273-
muted=""></video>
266+
muted=""></video> -->
274267
</div>
275268
<button class="prev" onclick="changeSlide(-1, 'slider2')">&#10094;</button>
276269
<button class="next" onclick="changeSlide(1, 'slider2')">&#10095;</button>
@@ -281,7 +274,7 @@ <h5>Novel view synthesis</h5>
281274
<div class="row mb-4 pt-2">
282275
<div class="col-md-8 mx-auto">
283276

284-
<div id="nvs">
277+
<div id="np">
285278
<h5>Novel pose animation</h5>
286279
<p class="text-justify">
287280
We demonstrate the capability of our method to synthesize temporal-coherent avatars with realistic deformations from a
@@ -295,12 +288,12 @@ <h5>Novel pose animation</h5>
295288
<video class="video-slide" src="./assets/videos/novel-pose-5.mp4" controls
296289
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
297290
muted=""></video>
298-
<video class="video-slide" src="./assets/videos/novel-pose-comparison-1.mp4" controls
291+
<!-- <video class="video-slide" src="./assets/videos/novel-pose-comparison-1.mp4" controls
299292
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
300293
muted=""></video>
301294
<video class="video-slide" src="./assets/videos/novel-pose-comparison-2.mp4" controls
302295
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
303-
muted=""></video>
296+
muted=""></video> -->
304297
<video class="video-slide" src="./assets/videos/novel-pose-3.mp4" controls
305298
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
306299
muted=""></video>
@@ -312,6 +305,36 @@ <h5>Novel pose animation</h5>
312305
</div>
313306
</div>
314307

308+
<div class="row mb-4 pt-2">
309+
<div class="col-md-8 mx-auto">
310+
311+
<div id="comparisons">
312+
<h5>Comparison with baselines</h5>
313+
<p class="text-justify">
314+
We show the comparison with baselines on the task of novel view synthesis and novel pose animation.
315+
</p>
316+
<div class="slider-container">
317+
<div class="slider" id="slider4">
318+
<video class="video-slide" src="./assets/videos/novel-view-comparison-1.mp4" controls
319+
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
320+
muted=""></video>
321+
<video class="video-slide" src="./assets/videos/novel-view-comparison-2.mp4" controls
322+
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
323+
muted=""></video>
324+
<video class="video-slide" src="./assets/videos/novel-pose-comparison-1.mp4" controls
325+
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
326+
muted=""></video>
327+
<video class="video-slide" src="./assets/videos/novel-pose-comparison-2.mp4" controls
328+
width="100%" playsinline="" autoplay="autoplay" loop="loop" preload=""
329+
muted=""></video>
330+
</div>
331+
<button class="prev" onclick="changeSlide(-1, 'slider4')">&#10094;</button>
332+
<button class="next" onclick="changeSlide(1, 'slider4')">&#10095;</button>
333+
</div>
334+
</div>
335+
</div>
336+
</div>
337+
315338
<script src="./static/js/script.js"></script>
316339
<div class="row mb-4" id="main-video">
317340
<div class="col-md-8 mx-auto grey-container">

‎static/js/script.js‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22
let slideIndices = {
33
slider1: 0,
44
slider2: 0,
5-
slider3: 0
5+
slider3: 0,
6+
slider4: 0
67
};
78

89
function changeSlide(n, sliderId) {
@@ -34,14 +35,16 @@ function showSlides(n, sliderId) {
3435
showSlides(0, 'slider1');
3536
showSlides(0, 'slider2');
3637
showSlides(0, 'slider3');
38+
showSlides(0, 'slider4');
3739

3840
let autoplay = true;
39-
let autoplayInterval = 11000; // Change slides every 5 seconds
41+
let autoplayInterval = 10000; // Change slides every 10 seconds
4042

4143
if (autoplay) {
4244
setInterval(() => {
4345
changeSlide(1, 'slider1');
4446
changeSlide(1, 'slider2');
4547
changeSlide(1, 'slider3');
48+
changeSlide(1, 'slider4');
4649
}, autoplayInterval);
4750
}

0 commit comments

Comments
 (0)