Skip to content

Commit 56c7a56

Browse files
encounter1997encounter1997
committed
add video and logo
1 parent 5dcbc34 commit 56c7a56

2 files changed

Lines changed: 58 additions & 9 deletions

File tree

‎Framer/index.html‎

Lines changed: 58 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
22
<html xmlns="http://www.w3.org/1999/xhtml">
33
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4+
<div class="column has-text-centered">
5+
<img src="static/framer.png" style="height:90px"></img>
6+
</div>
47
<title>Framer: Interactive Video Interpolation</title>
58
<link href="style.css" rel="stylesheet" type="text/css">
69

@@ -13,6 +16,7 @@
1316
<link rel="stylesheet"
1417
href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
1518
<link rel="stylesheet" href="./static/css/index.css">
19+
<link rel="icon" href="./static/framer.png">
1620

1721
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
1822
<script defer src="./static/js/fontawesome.all.min.js"></script>
@@ -30,7 +34,7 @@
3034
<div class="container is-max-desktop">
3135
<div class="columns is-centered">
3236
<div class="column has-text-centered">
33-
<h1 class="title is-1 publication-title">Framer: Interactive Video Interpolation</h1>
37+
<h1 class="title is-1 publication-title">Framer: Interactive Frame Interpolation</h1>
3438
<div class="column is-full_width">
3539
<!-- <h2 class="title is-4">ICLR 2025</h2> -->
3640
</div>
@@ -41,10 +45,10 @@ <h1 class="title is-1 publication-title">Framer: Interactive Video Interpolation
4145
</div> -->
4246
<div class="is-size-5 publication-authors">
4347
<span class="author-block">
44-
<a href="https://github.com/encounter1997">Wen Wang</a><sup>1</sup>,
48+
<a href="https://github.com/encounter1997">Wen Wang</a><sup>1,2</sup>,
4549
</span>
4650
<span class="author-block">
47-
<a href="https://github.com/qiuyu96">Qiuyu Wang</a><sup>2</sup>,
51+
<a href="https://scholar.google.com/citations?user=VRsy9v8AAAAJ">Qiuyu Wang</a><sup>2</sup>,
4852
</span>
4953
<span class="author-block">
5054
<a href="https://zkcys001.github.io">Kecheng Zheng</a><sup>2</sup>,
@@ -103,6 +107,7 @@ <h1 class="title is-1 publication-title">Framer: Interactive Video Interpolation
103107
<span class="icon">
104108
<i class="fab fa-youtube"></i>
105109
</span>
110+
<span>Video</span>
106111
</a>
107112
</span>
108113

@@ -153,10 +158,29 @@ <h1 class="title is-1 publication-title">Framer: Interactive Video Interpolation
153158

154159

155160

161+
<!-- <p align="center">&nbsp;</p> -->
162+
<a href="#top"></a>
163+
164+
165+
<!--Video-->
166+
<section style="padding: 0;margin-top: -25px;" class="section hero">
167+
<div class="container is-max-desktop">
168+
<div class="item">
169+
<!-- <video poster="" id="tree" autoplay controls muted loop height="100%">
170+
<source src="https://www.youtube.com/watch?v=PtW7hjCawbo"
171+
type="video/mp4">
172+
</video> -->
173+
<div class="column-video" style="border-radius:10px;justify-content: center;align-items: center; font-size: 100px;">
174+
<iframe width="960" height="540" src="https://www.youtube.com/embed/4MPGKgn7jRc?si=uF64l_N00qnS7VIZ" src="" class="frame" frameborder="0" allowfullscreen></iframe>
175+
</div>
176+
</div>
177+
</div>
178+
</section>
179+
156180
<!------------------ BEGIN SECTION ------------------>
157181
<p>&nbsp;</p>
158182
<hr>
159-
<h2 style="margin-top: 0em;" id="our_results_container" align="left"><a name="image-results" id="image-results"></a>Showcases produced by our Framer</h2>
183+
<h2 style="margin-top: 0em;" id="our_results_container" align="left"><a name="image-results" id="image-results"></a>Showcases</h2>
160184

161185

162186
<p style="font-size: 20px" align="center">
@@ -373,7 +397,7 @@ <h2 id="applications_container" align="left"><a name="image-results" id="image-r
373397

374398
<p style="font-size: 20px" align="center">
375399
<b>
376-
Novel view synthesis.
400+
Novel View Synthesis.
377401
</b>
378402
</p>
379403
<table width="1024" align="center">
@@ -419,7 +443,7 @@ <h2 id="applications_container" align="left"><a name="image-results" id="image-r
419443

420444
<p style="font-size: 20px" align="center">
421445
<b>
422-
Cartoon and sketch interpolation.
446+
Cartoon and Sketch Interpolation.
423447
</b>
424448
</p>
425449
<table width="1024" align="center">
@@ -478,7 +502,7 @@ <h2 id="applications_container" align="left"><a name="image-results" id="image-r
478502

479503
<p style="font-size: 20px" align="center">
480504
<b>
481-
Time-lapsing video generation.
505+
Time-lapsing Video Generation.
482506
</b>
483507
</p>
484508
<table width="1024" align="center">
@@ -522,7 +546,7 @@ <h2 id="applications_container" align="left"><a name="image-results" id="image-r
522546

523547
<p style="font-size: 20px" align="center">
524548
<b>
525-
Slow-motion video generation.
549+
Slow-motion Video Generation.
526550
</b>
527551
</p>
528552
<table width="1024" align="center">
@@ -569,7 +593,7 @@ <h2 id="applications_container" align="left"><a name="image-results" id="image-r
569593
<!-- <hr> -->
570594

571595
<p style="font-size: 20px" align="center">
572-
<b> Image morphing (the input point trajectory is omitted). </b>
596+
<b> Image Morphing (the input point trajectory is omitted). </b>
573597
</p>
574598
<table width="1024" align="center">
575599
<tbody>
@@ -849,6 +873,8 @@ <h2 id="comparison_with_baseline_container" align="left"><a name="image-results"
849873

850874

851875

876+
877+
852878
// for carousel
853879
window.addEventListener('DOMContentLoaded', (event) => {
854880
const videoWrappers = document.querySelectorAll('.video-wrapper');
@@ -892,3 +918,26 @@ <h2 id="comparison_with_baseline_container" align="left"><a name="image-results"
892918
carouselItems.slice(currentIndex, currentIndex + numVideos).addClass('active');
893919
});
894920
</script>
921+
922+
923+
<footer class="footer">
924+
<div class="container" style="text-align: left;">
925+
<div class="columns is-centered">
926+
<div class="column is-8">
927+
<div class="content">
928+
<p>
929+
Website content is licensed under a <a rel="license"
930+
href="https://creativecommons.org/licenses/by-nc-sa/4.0/">Creative
931+
Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
932+
</p>
933+
<p>
934+
Website source code based on the <a href="https://nerfies.github.io/"> Nerfies</a> project page and <a href="https://doubiiu.github.io/projects/ToonCrafter"> ToonCrafter</a> project page. If you want to reuse their <a
935+
href="https://github.com/nerfies/nerfies.github.io">source code</a>, please credit them appropriately.
936+
</p>
937+
</div>
938+
</div>
939+
</div>
940+
</div>
941+
</footer>
942+
</body>
943+
</html>

‎Framer/static/framer.png‎

572 KB
Loading

0 commit comments

Comments
 (0)