add_si

StableIdentity/README.md

@@ -1,16 +1,3 @@
-# Nerfies
+# StableIdentity
 
-This is the repository that contains source code for the [Nerfies website](https://nerfies.github.io).
-
-If you find Nerfies useful for your work please cite:
-```
-@article{park2021nerfies
-  author    = {Park, Keunhong and Sinha, Utkarsh and Barron, Jonathan T. and Bouaziz, Sofien and Goldman, Dan B and Seitz, Steven M. and Martin-Brualla, Ricardo},
-  title     = {Nerfies: Deformable Neural Radiance Fields},
-  journal   = {ICCV},
-  year      = {2021},
-}
-```
-
-# Website License
-<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
+This is the repository that contains source code for the [StableIdentity website](https://qinghew.github.io/StableIdentity/).

StableIdentity/index.html

@@ -134,55 +134,55 @@ <h2 class="content has-text-centered">
         <div class="item has-text-centered">
           <p class="caption global-prompt">"eating a burger"</p>
           <video poster="" id="burger1" autoplay controls muted loop playsinline style="width: 100%; height: 100%;">
-            <source src="./static/videos/burger1.mp4" type="video/mp4">
+            <source src="./static/videos/video1/burger1.mp4" type="video/mp4">
           </video>
         </div>
         <div class="item has-text-centered">
           <p class="caption global-prompt">"eating a burger"</p>
           <video poster="" id="burger2" autoplay controls muted loop playsinline style="width: 100%; height: 100%;">
-            <source src="./static/videos/burger2.mp4"
+            <source src="./static/videos/video1/burger2.mp4"
                     type="video/mp4">
           </video>
         </div>                
         <div class="item has-text-centered">
           <p class="caption global-prompt">"\(v^*_1~v^*_2\)"</p>
           <video poster="" id="woman" autoplay controls muted loop playsinline style="width: 100%; height: 100%;">
-            <source src="./static/videos/woman.mp4"
+            <source src="./static/videos/video1/woman.mp4"
                     type="video/mp4">
           </video>
         </div>
         <div class="item has-text-centered">
           <p class="caption global-prompt">"wearing a golden crown"</p>
           <video poster="" id="golden_crown" autoplay controls muted loop playsinline style="width: 100%; height: 100%;">
-            <source src="./static/videos/golden_crown.mp4"
+            <source src="./static/videos/video1/golden_crown.mp4"
                     type="video/mp4">
           </video>
         </div>
         <div class="item has-text-centered">
           <p class="caption global-prompt">"putting on makeup"</p>
           <video poster="" id="makeup1" autoplay controls muted loop playsinline style="width: 100%; height: 100%;">
-            <source src="./static/videos/makeup1.mp4"
+            <source src="./static/videos/video1/makeup1.mp4"
                     type="video/mp4">
           </video>
         </div>
         <div class="item has-text-centered">
           <p class="caption global-prompt">"putting on makeup"</p>
           <video poster="" id="makeup2" autoplay controls muted loop playsinline style="width: 100%; height: 100%;">
-            <source src="./static/videos/makeup2.mp4"
+            <source src="./static/videos/video1/makeup2.mp4"
                     type="video/mp4">
           </video>
         </div>        
         <div class="item has-text-centered">
           <p class="caption global-prompt">"as oil painting"</p>
           <video poster="" id="oil_painting" autoplay controls muted loop playsinline style="width: 100%; height: 100%;">
-            <source src="./static/videos/oil_painting.mp4"
+            <source src="./static/videos/video1/oil_painting.mp4"
                     type="video/mp4">
           </video>
         </div>
         <div class="item has-text-centered">
           <p class="caption global-prompt">"wearing a hat in comic style"</p>
           <video poster="" id="hat_comic" autoplay controls muted loop playsinline style="width: 100%; height: 100%;">
-            <source src="./static/videos/hat_comic.mp4"
+            <source src="./static/videos/video1/hat_comic.mp4"
                     type="video/mp4">
           </video>
         </div>
@@ -286,6 +286,7 @@ <h3 class="title is-4">Stylization</h3>
 
         <!-- StableIdentity \& Image/Video/3D Models.. -->
         <h3 class="title is-4">StableIdentity & Image/Video/3D Models</h3>
+        <!-- controlnet video results -->
         <div class="content has-text-justified">
           <p>
             Pose-controlled customized <b>image</b> generation (StableIdentity & ControlNet) and 
@@ -299,10 +300,10 @@ <h3 class="title is-4">StableIdentity & Image/Video/3D Models</h3>
         <table width="100%" align="center">
           <tr></tr>
           <tr>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/driving.mp4" type="video/mp4"></video></td>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/shaving.mp4" type="video/mp4"></video></td>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/phone.mp4" type="video/mp4"></video></td>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/apple.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video2/driving.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video2/shaving.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video2/phone.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video2/apple.mp4" type="video/mp4"></video></td>
           </tr>
           <tr>
             <td width=25%></td>
@@ -313,6 +314,7 @@ <h3 class="title is-4">StableIdentity & Image/Video/3D Models</h3>
         </table>
         <br>
         <br>
+        <!-- 3d results -->
         <div class="content has-text-justified">
           <p>
             Zero-shot identity-driven customized <b><span style="color: rgb(255, 0, 170);">3D</span></b> generation (StableIdentity & LucidDreamer). 
@@ -326,10 +328,10 @@ <h3 class="title is-4">StableIdentity & Image/Video/3D Models</h3>
         <table width="100%" align="center">
           <tr></tr>
           <tr>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/skinhead.mp4" type="video/mp4"></video></td>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/glass.mp4" type="video/mp4"></video></td>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/comic.mp4" type="video/mp4"></video></td>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/brick.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video3/skinhead.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video3/glass.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video3/comic.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video3/brick.mp4" type="video/mp4"></video></td>
           </tr>
           <tr>
             <td width=25%></td>
@@ -341,18 +343,61 @@ <h3 class="title is-4">StableIdentity & Image/Video/3D Models</h3>
         <table width="100%" align="center">
           <tr></tr>
           <tr>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/old_rec.mp4" type="video/mp4"></video></td>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/oldstyle.mp4" type="video/mp4"></video></td>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/crown.mp4" type="video/mp4"></video></td>
-            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/style.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video3/old_rec.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video3/oldstyle.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video3/crown.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video3/style.mp4" type="video/mp4"></video></td>
           </tr>
           <tr>
             <td width=25%></td>
             <td width=25%></td>
             <td width=25%></td>
             <td width=25%></td>
           </tr>
-        </table>                          
+        </table>   
+        <br>
+        <br>        
+        <!-- celeb photos input -->
+        <div class="content has-text-justified">
+          <p>
+            More image/video/3D customized generation results for celeb photos as input.
+          </p>
+        </div>
+        <div class="columns is-vcentered interpolation-panel">
+          <img src="./static/images/celeb_img.svg"
+                 alt="Interpolate start reference image."/>
+        </div>
+        <table width="100%" align="center">
+          <tr></tr>
+          <tr>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video4/with_sunglasses_driving.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video4/wearing_hat1.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video4/wearing headphones, and eyeglasses.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video4/v1v2.mp4" type="video/mp4"></video></td>
+          </tr>
+          <tr>
+            <td width=25%></td>
+            <td width=25%></td>
+            <td width=25%></td>
+            <td width=25%></td>
+          </tr>
+        </table>           
+        <table width="100%" align="center">
+          <tr></tr>
+          <tr>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video4/drinking water.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video4/brick.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video4/wiping_face.mp4" type="video/mp4"></video></td>
+            <td><video autoplay controls muted loop playsinline width="100%"><source src="static/videos/video4/comic_celeb.mp4" type="video/mp4"></video></td>
+          </tr>
+          <tr>
+            <td width=25%></td>
+            <td width=25%></td>
+            <td width=25%></td>
+            <td width=25%></td>
+          </tr>
+        </table>   
+
         <br/>
         <!--/ StableIdentity \& Image/Video/3D Models.. -->
       </div>