mirror of
https://github.com/hpcaitech/Open-Sora.git
synced 2026-05-07 13:02:35 +02:00
348 lines
20 KiB
HTML
348 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="Open-Sora: Democratizing Efficient Video Production for All">
|
|
<meta name="keywords" content="Sora, video generation, text to video">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Gallery for Open-Sora: Democratizing Efficient Video Production for All</title>
|
|
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MFK9GLTF37"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag() { dataLayer.push(arguments); }
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-MFK9GLTF37');
|
|
</script>
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="./static/css/bulma.min.css">
|
|
<link rel="stylesheet" href="./static/css/bulma-carousel.min.css">
|
|
<link rel="stylesheet" href="./static/css/bulma-slider.min.css">
|
|
<link rel="stylesheet" href="./static/css/fontawesome.all.min.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
|
|
<link rel="stylesheet" href="./static/css/index.css">
|
|
<link rel="icon" href="./static/images/favicon.svg">
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script defer src="./static/js/fontawesome.all.min.js"></script>
|
|
<script src="./static/js/bulma-carousel.min.js"></script>
|
|
<script src="./static/js/bulma-slider.min.js"></script>
|
|
<script src="./static/js/index.js"></script>
|
|
</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"><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>
|
|
</u> </h1>
|
|
<h1 class="title is-3 publication-title">Open-Sora: Democratizing Efficient Video Production for All</h1>
|
|
<div class="column has-text-centered">
|
|
<div class="publication-links">
|
|
<!-- Video Link. -->
|
|
<span class="link-block">
|
|
<a href="https://hpcaitech.github.io/Open-Sora/"
|
|
class="external-link button is-normal is-rounded is-dark">
|
|
<span class="icon">
|
|
<i class="fab fa-youtube"></i>
|
|
</span>
|
|
<span>Gallery</span>
|
|
</a>
|
|
</span>
|
|
<!-- Code Link. -->
|
|
<span class="link-block">
|
|
<a href="https://github.com/hpcaitech/Open-Sora" class="external-link button is-normal is-rounded is-dark">
|
|
<span class="icon">
|
|
<i class="fab fa-github"></i>
|
|
</span>
|
|
<span>Repo</span>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="container is-max-desktop">
|
|
|
|
<!-- Animation. -->
|
|
<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 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/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 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 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 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/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 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="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>
|
|
<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>
|
|
|
|
<!-- 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>
|
|
|
|
<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>
|
|
This website 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>.
|
|
</p>
|
|
<p>
|
|
This means you are free to borrow the <a href="https://github.com/nerfies/nerfies.github.io">source
|
|
code</a> of this website,
|
|
we just ask that you link back to this page in the footer.
|
|
Please remember to remove the analytics code included in the header of the website which
|
|
you do not want on your website.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html>
|