Skip to content

Commit

Permalink
editing
Browse files Browse the repository at this point in the history
  • Loading branch information
@tlsdmswn01
tlsdmswn01 authored Sep 19, 2024
1 parent 26b3e58 commit 439c54e
Showing 1 changed file with 97 additions and 101 deletions.
198 changes: 97 additions & 101 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -257,6 +257,13 @@
display: none;
}

/* 특정 클래스가 있는 섹션들만 간격을 줄임 */
section.hero.is-small.close-gap {
margin-bottom: 0.5rem; /* 섹션 사이의 마진을 줄임 */
padding-top: 1rem; /* 위쪽 패딩을 줄임 */
padding-bottom: 1rem; /* 아래쪽 패딩을 줄임 */
}




Expand Down Expand Up @@ -352,6 +359,7 @@ <h1 class="title is-1 publication-title">Music Reactive Video Generation</h1>
<h2 class="subtitle has-text-centered">
Schematic overview of our music reactive video generation framework.
</h2>
<div class="con/home/sinssinej7/MRVG/statictent has-text-justified">
<p> We use our highlighting method to enhance climax information present in Chroma-CENS. Then, we combine the Highlighted CENS
(H-CENS) with twelve seed latent images of flowers to generate the latent per frame. An audio-reactive video is generated by
encoding the combined input of H-CENS and latent images. Since our H-CENS contains the emphasized features of climaxes,
Expand Down Expand Up @@ -399,18 +407,20 @@ <h2 class="title is-3">Abstract</h2>
<div class="container is-max-desktop">
<h2 class="title is-3">Music-Reactive Video Generation Comparison</h2>
<div class="content has-text-justified">
<p style="font-style: normal;">We generate music-reactive videos in three different genres (<em>i.e.</em>, Rock, K-POP, Traditional Instrumental Ensemble)
and compare our unique H-CENS method to the baseline method, Chroma CENS. After analyzing each genre,
we found that videos generated with H-CENS responded more clearly and naturally to the music's climaxes.
This is not only because it captures large transitions, but also because H-CENS is able to reflect subtle musical changes,
allowing for precise visual expressions. As a result, our method more accurately captures the dynamic nature of music across
various genres, providing a more immersive experience where the audio and visual elements are closely intertwined.
<p style="font-style: normal;">We generate music-reactive videos across three different genres
(<em>i.e.</em>, Rock, K-POP, Traditional Instrumental Ensemble)
and compare Chroma-CENS with our H-CENS method. In our comparison
study, we observed that while videos generated using
Chroma-CENS play smoothly, peak signals, such as musical climaxes,
are diluted, resulting in less distinct responsiveness to the music.
Conversely, videos generated using H-CENS better preserve and
emphasize these climaxes, leading to more accurate and natural visual responses. As a result, we found that H-CENS more effectively captures subtle musical changes and emotional nuances, facilitating a dynamic interaction between the music and visual elements, and conveying the emotional characteristics of the music more clearly to the viewers.
</p>
<p style="font-style: normal;">
The videos below showcase a comparison between those generated using Chroma CENS and H-CENS for each music genre,
along with sample videos created using H-CENS.
Since the audio can be loud during playback, please use the bar below to adjust the volume for an optimal viewing experience.
The videos below illustrate the differences between Chroma-CENS and H-CENS across various genres, with H-CENS demonstrating more precise responsiveness to the structure and emotional qualities of the music. Since the audio may be loud during playback, please use the bar below to adjust the volume for optimal viewing.
</p>


<div class="mybar">
<div>
<img src="static/images/sound-icon.png" alt="Volume" style="display:block; width: 1.5em;">
Expand Down Expand Up @@ -451,46 +461,6 @@ <h4 class="title is-5">Song Title: "Dash"</h4>
</section>


<section class="hero is-small">
<div class="hero-body">
<div class="container is-max-desktop">
<h3 class="title is-4">H-CENS videos</h4>

<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<h4 class="title is-5">Heya</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/uGW1x527fUw?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">Supernatural</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/QEuKJhw5Tww?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
<div class="swiper-slide">
<h4 class="title is-5">Small girl</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/vbn7HBiWTuE?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
<div class="swiper-slide">
<h4 class="title is-5">Supernova</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/D-HBYRbOw8Q?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
<div class="swiper-slide">
<h4 class="title is-5">Bamyanggang</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/JEbRJBu3xPk?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</section>


<section class="hero is-small">
<div class="hero-body">
<div class="container is-max-desktop">
Expand Down Expand Up @@ -530,43 +500,6 @@ <h4 class="title is-5">Song Title: "Hello I'm Innyeon"</h4>
</div>
</section>

<!--국악 H-CENS 영상 모음-->
<section class="hero is-small">
<div class="hero-body">
<div class="container is-max-desktop">
<h3 class="title is-4">H-CENS videos</h4>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<h4 class="title is-5">The moon reflected in a well</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/urAUcu--sRM?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">The tiger is here</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/4SK7nUNZbwQ?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">Iced ripe persimmon</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/jqiZ1a73MCc?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
<div class="swiper-slide">
<h4 class="title is-5">Dance in hangawi</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/JQdmGNwnP4I?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">Full of happy things</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/85LHJ1KVlhY?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</section>

<section class="hero is-small">
<div class="hero-body">
<div class="container is-max-desktop">
Expand Down Expand Up @@ -603,42 +536,105 @@ <h4 class="title is-5">Song Title: "Living On A Prayer"</h4>
</div>
</section>

<!--락 H-CENS 영상 모음-->
<section class="hero is-small">
<section class="hero is-small close-gap">
<div class="hero-body">
<div class="container is-max-desktop">
<h3 class="title is-4">H-CENS videos</h4>
<h2 class="title is-3">Music-Reactive Video Generation with H-CENS</h4>
<b>
<h2 class="title is-3">Genre1 : K-POP</h4>

<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<h4 class="title is-5">Takin me down hardline</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/78k3_fNDCc0?feature=share" frameborder="0" allowfullscreen></iframe>
<h4 class="title is-5">Heya</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/uGW1x527fUw?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">Cherry pie warrant</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/3sCSruiinuY?feature=share" frameborder="0" allowfullscreen></iframe>
<h4 class="title is-5">Supernatural</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/QEuKJhw5Tww?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
<div class="swiper-slide">
<h4 class="title is-5">Youth gone wild skid row</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/dAuxzeQJpv0?feature=share" frameborder="0" allowfullscreen></iframe>
<h4 class="title is-5">Small girl</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/vbn7HBiWTuE?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
<div class="swiper-slide">
<h4 class="title is-5">Since you been gone rainbow</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/6F5FT-GvN2E?feature=share" frameborder="0" allowfullscreen></iframe>
<h4 class="title is-5">Supernova</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/D-HBYRbOw8Q?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
<div class="swiper-slide">
<h4 class="title is-5">Rising force yngwie malmsteen</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/cWcvGmao3TI?feature=share" frameborder="0" allowfullscreen></iframe>
<h4 class="title is-5">Bamyanggang</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/JEbRJBu3xPk?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>

<h2 class="title is-3">Genre2 : Traditional Instrumental Ensemble</h4>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<h4 class="title is-5">The moon reflected in a well</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/urAUcu--sRM?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">The tiger is here</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/4SK7nUNZbwQ?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">Iced ripe persimmon</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/jqiZ1a73MCc?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
<div class="swiper-slide">
<h4 class="title is-5">Dance in hangawi</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/JQdmGNwnP4I?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">Full of happy things</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/85LHJ1KVlhY?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<h2 class="title is-3">Genre3 : Rock</h4>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<h4 class="title is-5">Takin me down hardline</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/78k3_fNDCc0?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">Cherry pie warrant</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/3sCSruiinuY?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">Youth gone wild skid row</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/dAuxzeQJpv0?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
<div class="swiper-slide">
<h4 class="title is-5">Since you been gone rainbow</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/6F5FT-GvN2E?feature=share" frameborder="0" allowfullscreen></iframe>

</div>
<div class="swiper-slide">
<h4 class="title is-5">Rising force yngwie malmsteen</h4>
<iframe width="100%" height="150" src="https://youtube.com/embed/cWcvGmao3TI?feature=share" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>

</div>
</div>
</section>
</section>


<!-- End image carousel -->
Expand Down

0 comments on commit 439c54e

Please sign in to comment.