update v1 results

This commit is contained in:
Zangwei Zheng 2024-03-18 01:16:23 +08:00
parent 9c31ed117a
commit 747afc8fec
2 changed files with 214 additions and 41 deletions

View file

@ -43,13 +43,7 @@
<div class="columns is-centered">
<div class="column has-text-centered">
<h1 class="title is-1 publication-title"><u>
<font color="#F4D03F">G</font>
<font color="#9B59B6">a</font>
<font color="#2980B9">l</font>
<font color="#BA4A00">l</font>
<font color="#5DADE2">e</font>
<font color="#EC7063">r</font>
<font color="#C0392B">y</font>
<font color="#F4D03F">G</font><font color="#9B59B6">a</font><font color="#2980B9">l</font><font color="#BA4A00">l</font><font color="#5DADE2">e</font><font color="#EC7063">r</font><font color="#C0392B">y</font>
</u> </h1>
<h1 class="title is-3 publication-title">Open-Sora: Democratizing Efficient Video Production for All</h1>
<div class="column has-text-centered">
@ -86,71 +80,234 @@
<div class="container is-max-desktop">
<!-- Animation. -->
<div class="columns is-centered">
<div class="is-centered">
<div class="column is-full-width">
<h2 class="title is-3">OpenSora v1.0 Results</h2>
<!-- Customed Videos. -->
<div class="content has-text-centered">
<div class="video-container">
<div class="video-container equalHMWrap">
<!-- First video -->
<div class="video">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe allow="fullscreen;autoplay" allowfullscreen height="100%" src="https://streamable.com/e/k4a0l1?autoplay=1&muted=1" width="100%" style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe></div>
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/k4a0l1?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p style="line-height: 15px;"><font size="2">A bustling city street at night, filled with the glow of car headlights and the ambient light of streetlights. The scene is a blur of motion, with cars speeding by and pedestrians navigating the crosswalks. The cityscape is a mix of towering buildings and illuminated signs, creating a vibrant and dynamic atmosphere. The perspective of the video is from a high angle, providing a bird's eye view of the street and its surroundings. The overall style of the video is dynamic and energetic, capturing the essence of urban life at night.</font></p>
<p class="caption">A bustling city street at night, filled with the glow of car headlights and the
ambient light of streetlights. The scene is a blur of motion, with cars speeding by and pedestrians
navigating the crosswalks. The cityscape is a mix of towering buildings and illuminated signs,
creating a vibrant and dynamic atmosphere. The perspective of the video is from a high angle,
providing a bird's eye view of the street and its surroundings. The overall style of the video is
dynamic and energetic, capturing the essence of urban life at night.</p>
</div>
</div>
<!-- Second video -->
<div class="video">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe allow="fullscreen;autoplay" allowfullscreen height="100%" src="https://streamable.com/e/k4a0l1?autoplay=1&muted=1" width="100%" style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe></div>
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/xibkyx?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p style="line-height: 15px;"><font size="2">A bustling city street at night, filled with the glow of car headlights and the ambient light of streetlights. The scene is a blur of motion, with cars speeding by and pedestrians navigating the crosswalks. The cityscape is a mix of towering buildings and illuminated signs, creating a vibrant and dynamic atmosphere. The perspective of the video is from a high angle, providing a bird's eye view of the street and its surroundings. The overall style of the video is dynamic and energetic, capturing the essence of urban life at night.</font></p>
<p class="caption">A vibrant scene of a snowy mountain landscape. The sky is filled with a multitude
of colorful hot air balloons, each floating at different heights, creating a dynamic and lively
atmosphere. The balloons are scattered across the sky, some closer to the viewer, others further
away, adding depth to the scene. Below, the mountainous terrain is blanketed in a thick layer of
snow, with a few patches of bare earth visible here and there. The snow-covered mountains provide a
stark contrast to the colorful balloons, enhancing the visual appeal of the scene.</p>
</div>
</div>
<!-- Third video -->
<div class="video">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe allow="fullscreen;autoplay" allowfullscreen height="100%" src="https://streamable.com/e/k4a0l1?autoplay=1&muted=1" width="100%" style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe></div>
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/pbbb1s?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p style="line-height: 15px;"><font size="2">A bustling city street at night, filled with the glow of car headlights and the ambient light of streetlights. The scene is a blur of motion, with cars speeding by and pedestrians navigating the crosswalks. The cityscape is a mix of towering buildings and illuminated signs, creating a vibrant and dynamic atmosphere. The perspective of the video is from a high angle, providing a bird's eye view of the street and its surroundings. The overall style of the video is dynamic and energetic, capturing the essence of urban life at night.</font></p>
<p class="caption">The vibrant beauty of a sunflower field. The sunflowers, with their bright yellow
petals and dark brown centers, are in full bloom, creating a stunning contrast against the green
leaves and stems. The sunflowers are arranged in neat rows, creating a sense of order and symmetry.
The sun is shining brightly, casting a warm glow on the flowers and highlighting their intricate
details. The video is shot from a low angle, looking up at the sunflowers, which adds a sense of
grandeur and awe to the scene. The sunflowers are the main focus of the video, with no other objects
or people present. The video is a celebration of nature's beauty and the simple joy of a sunny day
in the countryside.</p>
</div>
</div>
</div>
</div>
<div class="content has-text-centered">
<div class="video-container">
<!-- First video -->
<div class="video">
<iframe allow="fullscreen;autoplay" playsinline allowfullscreen height="256" src="https://streamable.com/e/k4a0l1?autoplay=1&muted=1" width="256" style="border:none;"></iframe>
<!-- </video> -->
<div class="video-description">
<p style="line-height: 15px;"><font size="2">A bustling city street at night, filled with the glow of car headlights and the ambient light of streetlights. The scene is a blur of motion, with cars speeding by and pedestrians navigating the crosswalks. The cityscape is a mix of towering buildings and illuminated signs, creating a vibrant and dynamic atmosphere. The perspective of the video is from a high angle, providing a bird's eye view of the street and its surroundings. The overall style of the video is dynamic and energetic, capturing the essence of urban life at night.</font></p>
</div>
<div class="video-container equalHMWrap">
<!-- First video -->
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/gmzjn5?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<!-- Second video -->
<div class="video">
<iframe allow="fullscreen;autoplay" playsinline allowfullscreen height="256" src="https://streamable.com/e/k4a0l1?autoplay=1&muted=1" width="256" style="border:none;"></iframe>
<div class="video-description">
<p>FaceForensics </p>
</div>
<div class="video-description">
<p class="caption">A soaring drone footage captures the majestic beauty of a coastal cliff, its red and
yellow stratified rock faces rich in color and against the vibrant turquoise of the sea. Seabirds can
be seen taking flight around the cliff's precipices. As the drone slowly moves from different angles,
the changing sunlight casts shifting shadows that highlight the rugged textures of the cliff and the
surrounding calm sea. The water gently laps at the rock base and the greenery that clings to the top
of the cliff, and the scene gives a sense of peaceful isolation at the fringes of the ocean. The video
captures the essence of pristine natural beauty untouched by human structures.</p>
</div>
</div>
<!-- Third video -->
<div class="video">
<iframe allow="fullscreen;autoplay" allowfullscreen height="256" src="https://streamable.com/e/k4a0l1?autoplay=1&muted=1" width="256" style="border:none;"></iframe>
<div class="video-description">
<p>SkyTimelapse</p>
</div>
<!-- Second video -->
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/l0fdwl?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p class="caption">The video captures the majestic beauty of a waterfall cascading down a cliff into a
serene lake. The waterfall, with its powerful flow, is the central focus of the video. The surrounding
landscape is lush and green, with trees and foliage adding to the natural beauty of the scene. The
camera angle provides a bird's eye view of the waterfall, allowing viewers to appreciate the full
height and grandeur of the waterfall. The video is a stunning representation of nature's power and
beauty.</p>
</div>
</div>
<!-- Third video -->
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/j4koj6?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p class="caption">The video captures the majestic beauty of a waterfall cascading down a cliff into a
serene lake. The waterfall, with its powerful flow, is the central focus of the video. The surrounding
landscape is lush and green, with trees and foliage adding to the natural beauty of the scene. The
camera angle provides a bird's eye view of the waterfall, allowing viewers to appreciate the full
height and grandeur of the waterfall. The video is a stunning representation of nature's power and
beauty.</p>
</div>
</div>
</div>
</div>
<div class="video-container equalHMWrap">
<!-- First video -->
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/a1rlm1?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p class="caption">A serene night scene in a forested area. The first frame shows a tranquil lake
reflecting the star-filled sky above. The second frame reveals a beautiful sunset, casting a warm glow
over the landscape. The third frame showcases the night sky, filled with stars and a vibrant Milky Way
galaxy. The video is a time-lapse, capturing the transition from day to night, with the lake and forest
serving as a constant backdrop. The style of the video is naturalistic, emphasizing the beauty of the
night sky and the peacefulness of the forest.</p>
</div>
</div>
<!-- Second video -->
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/9dsy9f?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p class="caption">A serene beach scene at sunset. The sky is painted with hues of orange and pink, and
the sun is setting on the horizon. The ocean is calm, with gentle waves lapping against the shore. A few
people can be seen walking along the beach, enjoying the tranquil atmosphere. In the distance, a city
skyline can be seen, adding a touch of urban life to the otherwise natural landscape. The overall style
of the video is peaceful and calming, with a focus on the beauty of nature and the simple joys of a
beach sunset.</p>
</div>
</div>
<!-- Third video -->
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/d05uf9?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p class="caption">A herd of deer is seen running through a snowy forest. The deer are brown and white,
and they are moving quickly through the snow-covered trees and bushes. The snow is falling heavily,
creating a white blanket over the landscape. The deer are running in a group, with some leading the way
and others following behind. The forest is dense with trees and bushes, and the snow is deep, making it
difficult for the deer to move quickly. The scene is full of action and movement, as the deer try to
escape the falling snow.</p>
</div>
</div>
</div>
</div>
<div class="video-container equalHMWrap">
<!-- First video -->
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/wu6k12?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p class="caption">A snowy forest landscape with a dirt road running through it. The road is flanked by
trees covered in snow, and the ground is also covered in snow. The sun is shining, creating a bright and
serene atmosphere. The road appears to be empty, and there are no people or animals visible in the video.
The style of the video is a natural landscape shot, with a focus on the beauty of the snowy forest and the
peacefulness of the road.</p>
</div>
</div>
<!-- Second video -->
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/qmwilt?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p class="caption">A vibrant scene of a snowy mountain landscape. The sky is filled with a multitude of
colorful hot air balloons, each floating at different heights, creating a dynamic and lively atmosphere.
The balloons are scattered across the sky, some closer to the viewer, others further away, adding depth
to the scene. Below, the mountainous terrain is blanketed in a thick layer of snow, with a few patches
of bare earth visible here and there. The snow-covered mountains provide a stark contrast to the
colorful balloons, enhancing the visual appeal of the scene.</p>
</div>
</div>
<!-- Third video -->
<div class="video equalHW">
<div style="position:relative; width:100%; height:0px; padding-bottom:100.000%"><iframe
allow="fullscreen;autoplay" allowfullscreen height="100%"
src="https://streamable.com/e/8bxakh?autoplay=1&muted=1" width="100%"
style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe>
</div>
<div class="video-description">
<p class="caption">The vibrant beauty of a sunflower field. The sunflowers, with their bright yellow
petals and dark brown centers, are in full bloom, creating a stunning contrast against the green leaves
and stems. The sunflowers are arranged in neat rows, creating a sense of order and symmetry. The sun is
shining brightly, casting a warm glow on the flowers and highlighting their intricate details. The video
is shot from a low angle, looking up at the sunflowers, which adds a sense of grandeur and awe to the
scene. The sunflowers are the main focus of the video, with no other objects or people present. The
video is a celebration of nature's beauty and the simple joy of a sunny day in the countryside.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

View file

@ -170,3 +170,19 @@ body {
.video-description {
text-align: center;
}
.equalHW {
flex: 1;
}
.equalHMWrap {
justify-content: space-between;
display: flex;
}
.caption {
text-align: left;
line-height: 100%;
font-size: 80%;
}