Spaces:

evijit
/

BecauseOfYou

Running

App Files Files Community

Avijit Ghosh commited on Apr 11

Commit

404320b

•

1 Parent(s): 5daac75

finished page

Browse files

Files changed (5) hide show

.DS_Store +0 -0
index.html +60 -363
static/.DS_Store +0 -0
static/css/index.css +1 -3
static/images/HeLa1-small.jpg +0 -0

.DS_Store CHANGED Viewed

Binary files a/.DS_Store and b/.DS_Store differ

index.html CHANGED Viewed

@@ -3,10 +3,10 @@
 <head>
   <meta charset="utf-8">
   <meta name="description"
-        content="Deformable Neural Radiance Fields creates free-viewpoint portraits (nerfies) from casually captured videos.">
-  <meta name="keywords" content="Nerfies, D-NeRF, NeRF">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Nerfies: Deformable Neural Radiance Fields</title>
   <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
         rel="stylesheet">
@@ -28,207 +28,26 @@
 </head>
 <body>
-<nav class="navbar" role="navigation" aria-label="main navigation">
-  <div class="navbar-brand">
-    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
-      <span aria-hidden="true"></span>
-      <span aria-hidden="true"></span>
-      <span aria-hidden="true"></span>
-    </a>
-  </div>
-  <div class="navbar-menu">
-    <div class="navbar-start" style="flex-grow: 1; justify-content: center;">
-      <a class="navbar-item" href="https://keunhong.com">
-      <span class="icon">
-          <i class="fas fa-home"></i>
-      </span>
-      </a>
-      <div class="navbar-item has-dropdown is-hoverable">
-        <a class="navbar-link">
-          More Research
-        </a>
-        <div class="navbar-dropdown">
-          <a class="navbar-item" href="https://hypernerf.github.io">
-            HyperNeRF
-          </a>
-          <a class="navbar-item" href="https://nerfies.github.io">
-            Nerfies
-          </a>
-          <a class="navbar-item" href="https://latentfusion.github.io">
-            LatentFusion
-          </a>
-          <a class="navbar-item" href="https://photoshape.github.io">
-            PhotoShape
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
-</nav>
 <section class="hero">
   <div class="hero-body">
     <div class="container is-max-desktop">
       <div class="columns is-centered">
         <div class="column has-text-centered">
-          <h1 class="title is-1 publication-title">Nerfies: Deformable Neural Radiance Fields</h1>
           <div class="is-size-5 publication-authors">
             <span class="author-block">
-              <a href="https://keunhong.com">Keunhong Park</a><sup>1</sup>,</span>
-            <span class="author-block">
-              <a href="https://utkarshsinha.com">Utkarsh Sinha</a><sup>2</sup>,</span>
-            <span class="author-block">
-              <a href="https://jonbarron.info">Jonathan T. Barron</a><sup>2</sup>,
-            </span>
-            <span class="author-block">
-              <a href="http://sofienbouaziz.com">Sofien Bouaziz</a><sup>2</sup>,
-            </span>
-            <span class="author-block">
-              <a href="https://www.danbgoldman.com">Dan B Goldman</a><sup>2</sup>,
-            </span>
             <span class="author-block">
-              <a href="https://homes.cs.washington.edu/~seitz/">Steven M. Seitz</a><sup>1,2</sup>,
-            </span>
-            <span class="author-block">
-              <a href="http://www.ricardomartinbrualla.com">Ricardo Martin-Brualla</a><sup>2</sup>
-            </span>
           </div>
           <div class="is-size-5 publication-authors">
-            <span class="author-block"><sup>1</sup>University of Washington,</span>
-            <span class="author-block"><sup>2</sup>Google Research</span>
-          </div>
-          <div class="column has-text-centered">
-            <div class="publication-links">
-              <!-- PDF Link. -->
-              <span class="link-block">
-                <a href="https://arxiv.org/pdf/2011.12948"
-                   class="external-link button is-normal is-rounded is-dark">
-                  <span class="icon">
-                      <i class="fas fa-file-pdf"></i>
-                  </span>
-                  <span>Paper</span>
-                </a>
-              </span>
-              <span class="link-block">
-                <a href="https://arxiv.org/abs/2011.12948"
-                   class="external-link button is-normal is-rounded is-dark">
-                  <span class="icon">
-                      <i class="ai ai-arxiv"></i>
-                  </span>
-                  <span>arXiv</span>
-                </a>
-              </span>
-              <!-- Video Link. -->
-              <span class="link-block">
-                <a href="https://www.youtube.com/watch?v=MrKrnHhk8IA"
-                   class="external-link button is-normal is-rounded is-dark">
-                  <span class="icon">
-                      <i class="fab fa-youtube"></i>
-                  </span>
-                  <span>Video</span>
-                </a>
-              </span>
-              <!-- Code Link. -->
-              <span class="link-block">
-                <a href="https://github.com/google/nerfies"
-                   class="external-link button is-normal is-rounded is-dark">
-                  <span class="icon">
-                      <i class="fab fa-github"></i>
-                  </span>
-                  <span>Code</span>
-                  </a>
-              </span>
-              <!-- Dataset Link. -->
-              <span class="link-block">
-                <a href="https://github.com/google/nerfies/releases/tag/0.1"
-                   class="external-link button is-normal is-rounded is-dark">
-                  <span class="icon">
-                      <i class="far fa-images"></i>
-                  </span>
-                  <span>Data</span>
-                  </a>
-            </div>
           </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-<section class="hero teaser">
-  <div class="container is-max-desktop">
-    <div class="hero-body">
-      <video id="teaser" autoplay muted loop playsinline height="100%">
-        <source src="./static/videos/teaser.mp4"
-                type="video/mp4">
-      </video>
-      <h2 class="subtitle has-text-centered">
-        <span class="dnerf">Nerfies</span> turns selfie videos from your phone into
-        free-viewpoint
-        portraits.
-      </h2>
-    </div>
-  </div>
-</section>
-<section class="hero is-light is-small">
-  <div class="hero-body">
-    <div class="container">
-      <div id="results-carousel" class="carousel results-carousel">
-        <div class="item item-steve">
-          <video poster="" id="steve" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/steve.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-chair-tp">
-          <video poster="" id="chair-tp" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/chair-tp.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-shiba">
-          <video poster="" id="shiba" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/shiba.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-fullbody">
-          <video poster="" id="fullbody" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/fullbody.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-blueshirt">
-          <video poster="" id="blueshirt" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/blueshirt.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-mask">
-          <video poster="" id="mask" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/mask.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-coffee">
-          <video poster="" id="coffee" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/coffee.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <div class="item item-toby">
-          <video poster="" id="toby" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/toby2.mp4"
-                    type="video/mp4">
-          </video>
         </div>
       </div>
     </div>
@@ -237,191 +56,81 @@
 <section class="section">
-  <div class="container is-max-desktop">
-    <!-- Abstract. -->
-    <div class="columns is-centered has-text-centered">
-      <div class="column is-four-fifths">
-        <h2 class="title is-3">Abstract</h2>
-        <div class="content has-text-justified">
-          <p>
-            We present the first method capable of photorealistically reconstructing a non-rigidly
-            deforming scene using photos/videos captured casually from mobile phones.
-          </p>
-          <p>
-            Our approach augments neural radiance fields
-            (NeRF) by optimizing an
-            additional continuous volumetric deformation field that warps each observed point into a
-            canonical 5D NeRF.
-            We observe that these NeRF-like deformation fields are prone to local minima, and
-            propose a coarse-to-fine optimization method for coordinate-based models that allows for
-            more robust optimization.
-            By adapting principles from geometry processing and physical simulation to NeRF-like
-            models, we propose an elastic regularization of the deformation field that further
-            improves robustness.
-          </p>
-          <p>
-            We show that <span class="dnerf">Nerfies</span> can turn casually captured selfie
-            photos/videos into deformable NeRF
-            models that allow for photorealistic renderings of the subject from arbitrary
-            viewpoints, which we dub <i>"nerfies"</i>. We evaluate our method by collecting data
-            using a
-            rig with two mobile phones that take time-synchronized photos, yielding train/validation
-            images of the same pose at different viewpoints. We show that our method faithfully
-            reconstructs non-rigidly deforming scenes and reproduces unseen views with high
-            fidelity.
-          </p>
         </div>
       </div>
     </div>
-    <!--/ Abstract. -->
-    <!-- Paper video. -->
-    <div class="columns is-centered has-text-centered">
-      <div class="column is-four-fifths">
-        <h2 class="title is-3">Video</h2>
-        <div class="publication-video">
-          <iframe src="https://www.youtube.com/embed/MrKrnHhk8IA?rel=0&amp;showinfo=0"
-                  frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
-        </div>
-      </div>
-    </div>
-    <!--/ Paper video. -->
-  </div>
 </section>
 <section class="section">
   <div class="container is-max-desktop">
-    <div class="columns is-centered">
-      <!-- Visual Effects. -->
       <div class="column">
         <div class="content">
-          <h2 class="title is-3">Visual Effects</h2>
-          <p>
-            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>
-          <video id="dollyzoom" autoplay controls muted loop playsinline height="100%">
-            <source src="./static/videos/dollyzoom-stacked.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-      </div>
-      <!--/ Visual Effects. -->
-      <!-- Matting. -->
-      <div class="column">
-        <h2 class="title is-3">Matting</h2>
-        <div class="columns is-centered">
-          <div class="column content">
             <p>
-              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>
-            <video id="matting-video" controls playsinline height="100%">
-              <source src="./static/videos/matting.mp4"
-                      type="video/mp4">
-            </video>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!--/ Matting. -->
-    <!-- Animation. -->
-    <div class="columns is-centered">
-      <div class="column is-full-width">
-        <h2 class="title is-3">Animation</h2>
-        <!-- Interpolating. -->
-        <h3 class="title is-4">Interpolating states</h3>
-        <div class="content has-text-justified">
           <p>
-            We can also animate the scene by interpolating the deformation latent codes of two input
-            frames. Use the slider here to linearly interpolate between the left frame and the right
-            frame.
           </p>
-        </div>
-        <div class="columns is-vcentered interpolation-panel">
-          <div class="column is-3 has-text-centered">
-            <img src="./static/images/interpolate_start.jpg"
-                 class="interpolation-image"
-                 alt="Interpolate start reference image."/>
-            <p>Start Frame</p>
-          </div>
-          <div class="column interpolation-video-column">
-            <div id="interpolation-image-wrapper">
-              Loading...
-            </div>
-            <input class="slider is-fullwidth is-large is-info"
-                   id="interpolation-slider"
-                   step="1" min="0" max="100" value="0" type="range">
-          </div>
-          <div class="column is-3 has-text-centered">
-            <img src="./static/images/interpolate_end.jpg"
-                 class="interpolation-image"
-                 alt="Interpolation end reference image."/>
-            <p class="is-bold">End Frame</p>
-          </div>
-        </div>
-        <br/>
-        <!--/ Interpolating. -->
-        <!-- Re-rendering. -->
-        <h3 class="title is-4">Re-rendering the input video</h3>
-        <div class="content has-text-justified">
           <p>
-            Using <span class="dnerf">Nerfies</span>, you can re-render a video from a novel
-            viewpoint such as a stabilized camera by playing back the training deformations.
           </p>
-        </div>
-        <div class="content has-text-centered">
-          <video id="replay-video"
-                 controls
-                 muted
-                 preload
-                 playsinline
-                 width="75%">
-            <source src="./static/videos/replay.mp4"
-                    type="video/mp4">
-          </video>
-        </div>
-        <!--/ Re-rendering. -->
-      </div>
-    </div>
-    <!--/ Animation. -->
-    <!-- Concurrent Work. -->
-    <div class="columns is-centered">
-      <div class="column is-full-width">
-        <h2 class="title is-3">Related Links</h2>
-        <div class="content has-text-justified">
           <p>
-            There's a lot of excellent work that was introduced around the same time as ours.
-          </p>
-          <p>
-            <a href="https://arxiv.org/abs/2104.09125">Progressive Encoding for Neural Optimization</a> introduces an idea similar to our windowed position encoding for coarse-to-fine optimization.
-          </p>
-          <p>
-            <a href="https://www.albertpumarola.com/research/D-NeRF/index.html">D-NeRF</a> and <a href="https://gvv.mpi-inf.mpg.de/projects/nonrigid_nerf/">NR-NeRF</a>
-            both use deformation fields to model non-rigid scenes.
-          </p>
-          <p>
-            Some works model videos with a NeRF by directly modulating the density, such as <a href="https://video-nerf.github.io/">Video-NeRF</a>, <a href="https://www.cs.cornell.edu/~zl548/NSFF/">NSFF</a>, and <a href="https://neural-3d-video.github.io/">DyNeRF</a>
           </p>
           <p>
-            There are probably many more by the time you are reading this. Check out <a href="https://dellaert.github.io/NeRF/">Frank Dellart's survey on recent NeRF papers</a>, and <a href="https://github.com/yenchenlin/awesome-NeRF">Yen-Chen Lin's curated list of NeRF papers</a>.
           </p>
         </div>
       </div>
-    </div>
-    <!--/ Concurrent Work. -->
   </div>
 </section>
@@ -429,33 +138,21 @@
 <section class="section" id="BibTeX">
   <div class="container is-max-desktop content">
-    <h2 class="title">BibTeX</h2>
-    <pre><code>@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},
-}</code></pre>
   </div>
 </section>
 <footer class="footer">
   <div class="container">
-    <div class="content has-text-centered">
-      <a class="icon-link"
-         href="./static/videos/nerfies_paper.pdf">
-        <i class="fas fa-file-pdf"></i>
-      </a>
-      <a class="icon-link" href="https://github.com/keunhong" class="external-link" disabled>
-        <i class="fab fa-github"></i>
-      </a>
-    </div>
-    <div class="columns is-centered">
-      <div class="column is-8">
         <div class="content">
           <p style="text-align: center;">
-            Built off of the <a href="https://github.com/nerfies/nerfies.github.io">nerfiles source code</a>.
           </p>
         </div>
       </div>

 <head>
   <meta charset="utf-8">
   <meta name="description"
+        content="Datafication And Distortion In Generative AI">
+  <meta name="keywords" content="Generative AI, Henrietta Lacks, Distortion, Identity Loss, AI Art">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Because of You (2024)</title>
   <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
         rel="stylesheet">
 </head>
 <body>
 <section class="hero">
   <div class="hero-body">
     <div class="container is-max-desktop">
       <div class="columns is-centered">
         <div class="column has-text-centered">
+          <h1 class="title is-1 publication-title">Because Of You (2024)</h1>
+          <h2 class="subtitle is-3 publication-subtitle">Datafication And Distortion In Generative AI</h2>
           <div class="is-size-5 publication-authors">
             <span class="author-block">
+              <a href="https://www.cyberneticforests.com/">Eryk Salvaggio</a><sup>1</sup>,</span>
             <span class="author-block">
+              <a href="https://evijit.io">Avijit Ghosh</a><sup>2</sup></span>
           </div>
           <div class="is-size-5 publication-authors">
+            <span class="author-block"><sup>1</sup>ELISAVA,</span>
+            <span class="author-block"><sup>2</sup>Hugging Face</span>
           </div>
         </div>
       </div>
     </div>
 <section class="section">
+    <div class="container is-max-desktop">
+      <!-- Paper video. -->
+      <div class="columns is-centered">
+        <div class="column is-full">
+          <!-- <h2 class="title is-3">Video</h2> -->
+          <div class="publication-video">
+            <div style="padding:56.25% 0 0 0;position:relative;">
+              <iframe src="https://player.vimeo.com/video/906478786?h=626387a4a3" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+            </div><script src="https://player.vimeo.com/api/player.js"></script>
+          </div>
         </div>
       </div>
+      <!--/ Paper video. -->
     </div>
 </section>
 <section class="section">
   <div class="container is-max-desktop">
+    <div class="columns is-centered has-text-justified">
+      <!-- Body. -->
       <div class="column">
         <div class="content">
+            <p>
+              In a 2022 paper, <a href="https://arxiv.org/abs/2209.07667">Can There Be Art Without an Artist?</a>, Dr. Avijit Ghosh and Genoveva Fossas discussed the work of human artists within training data for generative AI tools. In the appendix, they connect the practice of scraping training data without consent to its precedents in the biological sphere, citing the case of Henrietta Lacks:
+            </p>
+            <blockquote>
+            “Henrietta Lacks is known as “immortal” for a reason – though she died of cervical cancer at age 30, scientists have used her remarkable cells countless times since. HeLa cells, that never stop dividing and hence are functionally immortal, have played a role in some of the most important medical advancements of our time. They were used to develop the polio vaccine, chemotherapy and cloning technology, among others. However, the original cells that started the immortal HeLa cell line were taken from her without her consent or the awareness of her family. Now her family is demanding compensation from Johns Hopkins University who first took the cells. The HeLa cell controversy is yet another cautionary tale about the dangers of cutting out human creators in the pursuit of technology and a lesson in ethics, privacy and consent in technological progress.”
+            </blockquote>
+            <p>
+            <em>Because of You</em> is a digital video work inspired by this connection, and subsequent conversations between Eryk Salvaggio and Dr. Avijit Ghosh, which began at a presentation on AI and art at SXSW in 2023.
+            </p>
             <p>
+            The piece is defined by its soundtrack, a recording of jazz musician Tab Smith’s 1951 instrumental ballad, “Because of You,” slowed down to a quarter of its speed while isolating specific harmonic features. The song is both a historical marker — it was released the year that Lacks’ cells were taken without her consent, reflecting Lacks’ love of dancing — recollections by family members shared that Lacks would frequent dance halls at the time that these cells were being studied and analyzed without her knowledge.
+            </p>
+            <p>
+            In its title, and in the act of stretching this song out across a broader expanse of time, we emphasize the reach of that event, but also the extension of time through Lacks’ cells and the distortions created by time and the reprocessing of memory into the abstraction of data. Who is Henrietta Lacks? She is a person, and she is the progenitor of a series of cells that survived her without her name — data about her body without reference to the person.
             </p>
+            <p>
+            The video piece explores links between the datafication of the body and the datafication of human expression. AI generated images cannot faithfully generate an image of Lacks’ face, as there is sparse documentation of who she was. In this piece, we drawing from an AI generated image of Henrietta Lacks, which appears close to the original but then drifts toward the image of a black woman, clearly styled for 2024. We revive the memory of Henrietta Lacks through using her name in the prompt, but that memory is distant from Lacks herself: much as it is with her cells.
+            </p>
+            <figure>
+              <img src="static/images/HeLa1-small.jpg" alt="Description of the image">
+              <figcaption>A still from Because of You.</figcaption>
+          </figure>
           <p>
+          The film is narrated by a digital voice double of Dr. Ghosh — trained on a short sample of his voice. This regenerated voice describes the abstraction of Lacks’ life into cellular data, drawing parallels to the distortions introduced to his own voice — including the removal of his Bengali Indian accent, unexpectedly replaced with the inflections of a statistically averaged North American.
           </p>
           <p>
+          Noise is a central element of this piece. In a sense, it envisions the training of a diffusion model as an in-between place: between information, contributed by humans, and the complete stripping away of that information, which is an aspect of AI model training.
           </p>
           <p>
+          Digital static stands in for the role of Gaussian noise in the training and generation of AI images. Noise is deeply embedded into the visual language of AI images, in that its training requires the removal of information from human archives in order to learn how to rebuild images from nothing. This process of information removal and restoration — the addition and subtraction of noise — is repeated millions of times while training a diffusion based model.
           </p>
           <p>
+          Here, Salvaggio draws parallels to the “removal of information” from Lacks, in her cells and in her visage, and the removal of information from the images created by humans for training data: images which, Salvaggio has noted, includes not only visual art, but private photographs, snapshots, and even documentation of child abuse, trauma, and historic atrocities. Salvaggio’s work often emphasizes this abstract destruction and recombination of all visual culture in AI models.
           </p>
         </div>
       </div>
+      <!--/ Body. -->
   </div>
 </section>
 <section class="section" id="BibTeX">
   <div class="container is-max-desktop content">
+    <h2 class="title">News</h2>
+    <div class="column has-text-centered">
+    <p><strong>Apr 8, 2024: </strong>Because of You was accepted in the <a href="https://cvpr.thecvf.com/Conferences/2024/CallForAIArt">CVPR 2024 AI Art Gallery</a>. See you in Seattle!</p>
+    </div>
   </div>
 </section>
 <footer class="footer">
   <div class="container">
+    <div class="columns is-centered has-text-centered">
+      <div class="column is-6">
         <div class="content">
           <p style="text-align: center;">
+            Page built off of the <a href="https://github.com/nerfies/nerfies.github.io">nerfiles source code</a>.
           </p>
         </div>
       </div>

static/.DS_Store CHANGED Viewed

Binary files a/static/.DS_Store and b/static/.DS_Store differ

static/css/index.css CHANGED Viewed

@@ -93,9 +93,7 @@ body {
     position: relative;
     width: 100%;
     height: 0;
-    padding-bottom: 56.25%;
-    overflow: hidden;
     border-radius: 10px !important;
 }

     position: relative;
     width: 100%;
     height: 0;
+    margin-bottom: 50%;
     border-radius: 10px !important;
 }

static/images/HeLa1-small.jpg ADDED Viewed