diff --git a/data/assets/css/styles.css b/data/assets/css/styles.css new file mode 100644 index 0000000..19f02aa --- /dev/null +++ b/data/assets/css/styles.css @@ -0,0 +1,815 @@ +.captions { + display: flex; + justify-content: space-between; + width: 100%; +} + +/* Left caption styles */ +.left-caption { + width: 48%; + text-align: left; + padding-right: 10px; +} + +/* Right caption styles */ +.right-caption { + width: 48%; + text-align: right; + padding-left: 10px; +} + +.video-container { + position:relative; + padding-bottom:56.25%; + padding-top:30px; + height:0; + overflow:hidden; +} + +.video-container iframe, .video-container object, .video-container embed { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; +} + +@font-face { + font-family: webflow-icons; + src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype'); + font-weight: 400; + font-style: normal +} + +[class*=" w-icon-"], +[class^=w-icon-] { + font-family: webflow-icons !important; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +.w-icon-slider-right:before { + content: "\e600"; + color: white; + text-shadow: 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000; +} + +.w-icon-slider-left:before { + content: "\e601"; + color: white; + text-shadow: 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000; +} + +.w-icon-nav-menu:before { + content: "\e602" +} + +.w-icon-arrow-down:before, +.w-icon-dropdown-toggle:before { + content: "\e603" +} + +.w-icon-file-upload-remove:before { + content: "\e900" +} + +.w-icon-file-upload-icon:before { + content: "\e903" +} + +.w-background-video { + position: relative; + overflow: hidden; + height: 500px; + color: #fff +} + +.w-background-video>video { + background-size: cover; + background-position: 50% 50%; + position: absolute; + margin: auto; + width: 100%; + height: 100%; + right: -100%; + bottom: -100%; + top: -100%; + left: -100%; + object-fit: cover; + z-index: -100 +} + +.w-background-video>video::-webkit-media-controls-start-playback-button { + display: none !important; + -webkit-appearance: none +} + +.w-slider { + position: relative; + /* height: 300px; */ + text-align: center; + background: #ddd; + clear: both; + -webkit-tap-highlight-color: transparent; + tap-highlight-color: rgba(0, 0, 0, 0); +} + +.w-slider-mask { + position: relative; + display: block; + overflow: hidden; + z-index: 1; + left: 0; + right: 0; + height: 100%; + white-space: nowrap +} + +.w-slide { + position: relative; + display: inline-block; + vertical-align: top; + width: 100%; + height: 98%; + padding-bottom: 30px; + white-space: normal; + text-align: left +} + +.w-slider-nav { + position: absolute; + z-index: 100; + top: auto; + right: 0; + bottom: 0; + left: 0; + margin: auto; + padding-top: 10px; + height: 40px; + text-align: center; + -webkit-tap-highlight-color: transparent; + tap-highlight-color: rgba(0, 0, 0, 0) +} + +.w-slider-nav.w-round>div { + border-radius: 100% +} + +.w-slider-nav.w-num>div { + width: auto; + height: auto; + padding: .2em .5em; + font-size: inherit; + line-height: inherit +} + +.w-slider-nav.w-shadow>div { + box-shadow: 0 0 3px rgba(51, 51, 51, .4) +} + +.w-slider-nav-invert { + color: #fff +} + +.w-slider-nav-invert>div { + background-color: rgba(34, 34, 34, .4) +} + +.w-slider-nav-invert>div.w-active { + background-color: #222 +} + +.w-slider-dot { + position: relative; + display: inline-block; + width: 1em; + height: 1em; + background-color: rgba(255, 255, 255, .4); + cursor: pointer; + margin: 0 3px .5em; + transition: background-color .1s, color .1s +} + +.w-slider-dot.w-active { + background-color: #fff +} + +.w-slider-dot:focus { + outline: 0; + box-shadow: 0 0 0 2px #fff +} + +.w-slider-dot:focus.w-active { + box-shadow: none +} + +.w-slider-arrow-left, +.w-slider-arrow-right { + position: absolute; + width: 80px; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + cursor: pointer; + overflow: hidden; + color: #fff; + font-size: 40px; + -webkit-tap-highlight-color: transparent; + tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.w-slider-arrow-left [class*=' w-icon-'], +.w-slider-arrow-left [class^=w-icon-], +.w-slider-arrow-right [class*=' w-icon-'], +.w-slider-arrow-right [class^=w-icon-] { + position: absolute +} + +.w-slider-arrow-left:focus, +.w-slider-arrow-right:focus { + outline: 0 +} + +.w-slider-arrow-left { + z-index: 3; + right: auto +} + +.w-slider-arrow-right { + z-index: 4; + left: auto +} + +.w-icon-slider-left, +.w-icon-slider-right { + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + width: 1em; + height: 1em +} + +.w-slider-aria-label { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px +} + +.w-slider-force-show { + display: block !important +} + +.html-embed-2 { + width: 100%; + height: 100%; + -o-object-fit: fill; + object-fit: fill +} + +.div-block-9 { + overflow: visible; + width: 98%; + height: 100%; + margin-right: auto; + margin-left: auto +} + +.div-block-9.last_block { + position: absolute; + left: 101%; + top: 0; + right: 0; + bottom: 0; + height: 100%; + padding-bottom: 30px; +} + +.div-block-9.first_video { + position: absolute; + left: -200%; + top: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + padding-bottom: 30px; +} + +.video_class { + width: auto; + height: 80%; + margin-right: auto; + margin-left: auto +} + +.video_class.last_video { + position: absolute; + left: 52%; + top: 0; + right: 0; + bottom: 0 +} + +.video_class.mobile { + display: none +} + +.slider-2 { + overflow: hidden; + height: 500px +} + +.mask { + overflow: visible; + width: 40%; + margin-right: auto; + margin-left: auto +} + +.nerf_slider_v2 { + overflow: hidden; + margin: 5px -15px 0; + background-color: rgba(56, 56, 56, 0); + padding-bottom: 36px; +} + +.nerf_slider_v2 h6, +.captioned_videos h6 { + display: flex; + margin-right: auto; + margin-left: auto; + justify-content: center; + text-align: center; +} + +.captioned_videos h6 { + max-width: 768px; + padding-top: 6px; +} + +.nerf_slider_v2 h6 { + width: 95%; + min-height: 100px; +} + +.nerf_slider_v2 .first_video h6, +.nerf_slider_v2 .last_block h6 { + max-width: 160px; +} + +.citation { + margin-left: 10px; + padding: 8px; +} + +.citation:not(:first-child) { + margin-top: 10px; +} + +.citation h4, +h5, +h6 { + margin: 0; + font-weight: initial; +} + +.citation b { + text-decoration: underline; + font-weight: bold; +} + +.citation ul { + padding-left: 0px; + margin: 0; +} + +.citation li { + display: inline; +} + +.citation h4 { + line-height: normal; + font-weight: bold; +} + +.citation h5 { + margin-top: 4px; + margin-bottom: 4px; + line-height: normal; + font-size: 12px; +} + +.citation h6 { + font-style: italic; +} + +.citation img, +.citation video { + float: right; + margin-left: 8px; +} + +.citation p { + font-size: 12px; + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + margin-top: 0; +} + +.citation .conference { + font-style: normal; + font-weight: bold; + padding-right: 5px; + padding-left: 5px; + margin-left: 0; +} + +.citation .conference.workshop { + background-color: LightSkyBlue; +} + +.citation .conference.arxiv { + background-color: Gainsboro; +} + +@media only screen and (max-width: 600px) { + .news, + .citation { + margin-left: 0; + } + .citation h4 { + font-size: 14px; + } + .citation ul { + font-size: 12px; + } + .authors h5 { + font-size: 20px; + } + .authors h6 { + font-size: 16px; + padding-bottom: 6px; + } + .show_wide { + display: none; + } +} +@media only screen and (max-width: 768px) { + .btn-search { + font-size: 16px; + padding-left: 4px; + padding-right: 4px; + } +} +.affiliations { + font-size: 15px; + text-align: center; + width: 100%; + margin: 0 auto; + margin-bottom: 20px; +} +.authors { text-align: center; } +.authors a { + display: inline-block; + font-size: 20px; + padding: 5px; +} +.authors sup { + color: #313436; +} + +.shadowed_text { + text-shadow: 4px 0 4px #5fb7f7, 0 -4px 4px #5fb7f7, 0 4px 4px #5fb7f7, -4px 0 4px #5fb7f7; + color: white; +} + +body { + font-weight: 300; + font-family: "Source Sans Pro",Calibri,Candara,Arial,sans-serif; +} + +h1, h2, h3, h4, h5, h6{ + font-family: "Source Sans Pro",Calibri,Candara,Arial,sans-serif; + font-weight: 300; + line-height: 1.1; + color: inherit; +} + + +@media screen and (max-width: 575px) { + p, .caption { + font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + margin-top: 4px; + font-size: 12px; + } + .compare-title { + font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + text-align: center; + width: 100%; + font-size: 12px; + } + .compare-caption { + font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + margin-top: 0px; + text-align: center; + width: 100%; + font-size: 12px; + } +} +@media screen and (min-width: 575px) { + p, .caption { + font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + margin-top: 4px; + } + .compare-title { + font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + text-align: center; + width: 100%; + font-size: 16px; + } + .compare-caption { + font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + margin-top: 0px; + text-align: center; + width: 100%; + font-size: 16px; + } +} + +.video-compare-container { + width: 63%; + margin: 0 auto; + position: relative; + display: block; + line-height: 0; + } + + .video-compare-container2 { + width: 50%; + margin: 0 auto; + display: block; + line-height: 0; + } + + .video { + width: 100%; + height: auto; + position: relative; + top: 0; + left: 0; + } + + .videoMerge { + position: relative; + top: 0; + left: 0; + z-index: 10; + width: 100%; + display: block; + margin: 0 auto; + background-size: cover; + } + + .cropped-video{ + width: 100%; + overflow:hidden; + display:block; + } +#compositional_tags_depth_0 { + display: none; +} +.compositional .text { + font-size: 18px; +} +.compositional .text .selectable { + padding: 0; +} +.compositional .text .selectable:last-child { + margin-bottom: 0; +} +.compositional .text .selectable span { + padding: 2px; + margin-left: 4px; + margin-right: 4px; +} +.compositional .text .selectable span:first-child { + margin-left: 0; +} +.compositional .text .selectable span:hover { + cursor: pointer; +} +.compositional .text .selectable span:not(:last-child)::after { + content: '|'; + padding: 2px 2px 2px 8px; + margin-right: -2px; + margin-left: 2px; + background-color: white; + color:rgb(161, 161, 161); +} +.compositional .text .selectable span:active { + cursor: pointer; + background: rgb(171, 218, 191) !important; +} +.compositional.video { + width: 100%; +} +.compositional .text .selectable span.hidden { + display: none !important; +} +.compositional .text .selectable span:not(.selected) { + font-weight: 300; + color: rgb(50, 50, 50); +} +.compositional .text .selectable span:not(.selected):hover { + background: rgb(194, 247, 215); +} +.compositional .text .selectable span.selected { + color: #055ada; + background: rgb(194, 247, 215); +} +.compositional .video-compare-container { + width: 100%; + max-width: 256px; + margin-right: auto; + margin-left: auto; + transition: opacity 0.75s ease-in; +} +@media screen and (max-width: 575px) { + .video-compare-container { + padding-top: 32px; + } +} + + +.banner { + width: 100%; + max-height: 128px; +} +@media screen and (min-width: 768px) { + .banner { + min-height: 128px; + } +} +.banner video { + max-height: 128px; + max-width: 768px; + margin-right: auto; + margin-left: auto; + display: block; +} + +.btn-search { + display: block; + text-align: center; + padding: 12px 20px 12px 20px; + margin-right: auto; + margin-left: auto; +} +#container { + text-align: center; + } + +.btn-search svg { + margin-right: 4px; +} + +hr.divider { + max-width: 768px; + margin-top: 32px; + margin-bottom: 32px; +} + +.row:not(:last-child):not(.authors) { + margin-bottom: 16px; +} + +.invisible { + display: none; +} + +.btn-light.disabled { + background-color: #ccc; +} + +.video-gallery { + padding:40px 0; +} +.column { + margin-bottom:40px; +} +.video { + max-width: 100%; +} +.card-body { + padding: 12px; +} +.search .card-body { + padding: 32px +} +#videoGallery .sticky-top { + width: 100%; + background-color: rgba(255, 255, 255, 0.9); +} +.row.search { + padding-top: 16px; + margin-top: 0; + margin-bottom: 16px; + max-width: 900px !important; + padding-bottom: 16px; +} +.row.search .col-sm-12 { + max-width: 900px !important; +} + +.disappearing { + transition-property: background-color; + transition-duration: 2s; +} + +.display-none { + display: none !important; +} + +.model-viewer { + margin-bottom: 8px; +} + +.meshes .controls { + margin-left: auto; + margin-right: auto; + text-align: center; +} + + +.col-xs-15 { + width: 20%; + float: left; +} +.col-xs-16 { + width: 16.6%; +} +.col-xs-14 { + width: 14.28%; +} +.col-xs-25 { + width: 25.0%; +} +.col-xs-33 { + width: 33.33%; +} +.col-xs-40 { + width: 40%; +} +.col-xs-66 { + width: 66.66%; +} +.col-xs-75 { + width: 75%; +} +.col-xs-64 { + width: 64.0%; +} +.col-xs-2 { + width: 50.0%; +} +.col-xs-100 { + width: 100.0%; +} +@media (min-width: 768px) { +.col-sm-15 { + width: 20%; + float: left; + } +} +@media (min-width: 992px) { + .col-md-15 { + width: 20%; + float: left; + } +} +@media (min-width: 1200px) { + .col-lg-15 { + width: 20%; + float: left; + } +} \ No newline at end of file diff --git a/data/assets/js/yall.js b/data/assets/js/yall.js new file mode 100644 index 0000000..1822c96 --- /dev/null +++ b/data/assets/js/yall.js @@ -0,0 +1 @@ +function e(e,o){for(const t in o){const n=o[t];e.addEventListener(t,n.listener||n,n.options||void 0)}}const o="IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype,t=/baidu|(?:google|bing|yandex|duckduck)bot/i.test(navigator.userAgent),n=["src","poster"];function r(e,o){for(const t of n)t in e.dataset&&(e.setAttribute(t,e.dataset[t]),e.classList.contains(o)&&e.classList.remove(o))}function s(e,o,t,n){if("VIDEO"==e.nodeName){const t=Array.from(e.querySelectorAll("source"));for(const e of t)r(e,o);e.load()}r(e,o);const s=e.classList;s.contains(t)&&(s.remove(t),s.add(n))}function i(n){const r=n?.lazyClass||"lazy",i=n?.lazyBackgroundClass||"lazy-bg",c=n?.lazyBackgroundLoaded||"lazy-bg-loaded",a=n?.threshold||200,l=n?.events||{},d=n?.observeChanges||!1,f=n?.observeRootSelector||"body",u=n?.mutationObserverOptions||{childList:!0,subtree:!0},b=`video.${r},.${i}`;let v=Array.from(document.querySelectorAll(b));for(const o of v)e(o,l);if(!0===o&&!1===t){var y=new IntersectionObserver(e=>{for(const o of e)if(o.isIntersecting||o.intersectionRatio){const{target:e}=o;s(e,r,i,c),y.unobserve(e),v=v.filter(o=>o!=e),0===v.length&&!1===d&&y.disconnect()}},{rootMargin:`${a}px 0%`});for(const e of v)y.observe(e);d&&new MutationObserver(()=>{const n=document.querySelectorAll(b);for(const r of n)!1===v.includes(r)&&(v.push(r),e(r,l),!0===o&&!1===t&&y.observe(r))}).observe(document.querySelector(f),u)}else if(t)for(const e of v)s(e,r,i,c)} window.yall = i; \ No newline at end of file diff --git a/data/method.png b/data/method.png new file mode 100644 index 0000000..a8d46bf Binary files /dev/null and b/data/method.png differ diff --git a/data/paper.pdf b/data/paper.pdf new file mode 100644 index 0000000..244248a Binary files /dev/null and b/data/paper.pdf differ diff --git a/data/videos/ours/0.mp4 b/data/videos/ours/0.mp4 new file mode 100644 index 0000000..60f2fb5 Binary files /dev/null and b/data/videos/ours/0.mp4 differ diff --git a/data/videos/ours/11_12.mp4 b/data/videos/ours/11_12.mp4 new file mode 100644 index 0000000..c06ddf3 Binary files /dev/null and b/data/videos/ours/11_12.mp4 differ diff --git a/data/videos/ours/1_2.mp4 b/data/videos/ours/1_2.mp4 new file mode 100644 index 0000000..b34321a Binary files /dev/null and b/data/videos/ours/1_2.mp4 differ diff --git a/data/videos/ours/3_4.mp4 b/data/videos/ours/3_4.mp4 new file mode 100644 index 0000000..84f5c9e Binary files /dev/null and b/data/videos/ours/3_4.mp4 differ diff --git a/data/videos/ours/5_6.mp4 b/data/videos/ours/5_6.mp4 new file mode 100644 index 0000000..ec234c3 Binary files /dev/null and b/data/videos/ours/5_6.mp4 differ diff --git a/data/videos/ours/7_8.mp4 b/data/videos/ours/7_8.mp4 new file mode 100644 index 0000000..56e77a1 Binary files /dev/null and b/data/videos/ours/7_8.mp4 differ diff --git a/data/videos/ours/9_10.mp4 b/data/videos/ours/9_10.mp4 new file mode 100644 index 0000000..ef3d920 Binary files /dev/null and b/data/videos/ours/9_10.mp4 differ diff --git a/data/videos/teaser.mp4 b/data/videos/teaser.mp4 new file mode 100644 index 0000000..0b2b44a Binary files /dev/null and b/data/videos/teaser.mp4 differ diff --git a/index.html b/index.html index cd08755..be98d18 100644 --- a/index.html +++ b/index.html @@ -1 +1,229 @@ -Hello world! + + + + + + + + + AC3D: Analyzing and Improving 3D Camera Control in Video Diffusion Transformers + + + + + + + + + + + + + + + + + +
+
+

AC3D: Analyzing and Improving 3D Camera Control
in Video Diffusion Transformers

+
+
+
+
+ + Sherwin Bahmani*1,2,3 +   + + Ivan Skorokhodov*3 +   + + Guocheng Qian3 +   +   + + Aliaksandr Siarohin3 +   +
+
+
+ + Willi Menapace3 +   + + Andrea Tagliasacchi1,4 +   + + David B. Lindell1,2 +   + + Sergey Tulyakov3 +   +
+
+ 1University of Toronto + 2Vector Institute + 3Snap Inc. + 4SFU +
+
+ * equal contribution +
+
+

arXiv 2024

+
+
+
+
+ + + + Paper + +
+
+
+
+
+ +
"Three fluffy sheep sit side by side at a rustic wooden table, each eagerly digging into their bowls of spaghetti."
+
+
+
+
+
+
+
+
+

Abstract

+
+
+

+ In this work, we analyze camera motion from a first principles perspective, uncovering insights that enable precise 3D camera manipulation without compromising synthesis quality. First, we determine that motion induced by camera movements in videos is low-frequency in nature. This motivates us to adjust train and test pose conditioning schedules, accelerating training convergence while improving visual and motion quality. Then, by probing the representations of an unconditional video diffusion transformer, we observe that they implicitly perform camera pose estimation under the hood, and only a sub-portion of their layers contain the camera information. This suggested us to limit the injection of camera conditioning to a subset of the architecture to prevent interference with other video features, leading to 4x reduction of training parameters, improved training speed and 10% higher visual quality. Finally, we complement the typical dataset for camera control learning with a curated dataset of 20K diverse dynamic videos with stationary cameras. This helps the model disambiguate the difference between camera and scene motion, and improves the dynamics of generated pose-conditioned videos. We compound these findings to design the Advanced 3D Camera Control (AC3D) architecture, the new state-of-the-art model for generative video modeling with camera control. +

+
+
+
+
+
+
+
+

Method

+
+
+
+
+

+ VDiT-CC model with ControlNet camera conditioning built on top of VDiT. Video synthesis is performed by large 4,096-dimensional DiT-XL blocks of the frozen VDiT backbone, while VDiT-CC only processes and injects the camera information through lightweight 128-dimensional DiT-XS blocks (FC stands for fully-connected layers). +

+   + architecture +
+
+
+
+
+
+
+

Our Results

+
We visualize a sequence of 8 different camera trajectories (40 seconds total) shared across all prompts.
+   +
+
+
+
+
+
+ +
+
+
In a sophisticated art studio, a cat wearing a beret sits at an easel, delicately painting on a tiny canvas.
+
In a futuristic kitchen, an astronaut expertly cooks with a pan over a small, controlled flame. There is a pond with a group of curious ducks that swim nearby.
+
+
+ +
+
+ +
+
+
A teddy bear diligently washes dishes in a cozy kitchen.
+
A golden retriever, sitting on the sand at a tropical beach, eagerly devours an ice cream cone. The sun sets in the background, casting a golden hue over the calm waves.
+
+
+ +
+
+ +
+
+
A squirrel sits contentedly on a park bench, nibbling on a juicy burger with its tiny paws. The park around it is filled with trees and flowers in full bloom, and a few curious birds watch from nearby branches.
+
An otter, expertly operating an espresso machine in a cozy, warmly lit café, moves its tiny paws with great precision as it grinds fresh coffee beans and steams milk.
+
+
+ +
+
+ +
+
+
In a chic urban kitchen, a cat wearing a small chef's hat expertly kneads dough on a sleek marble countertop.
+
An astronaut cooking with a pan in the kitchen.
+
+
+ +
+
+ +
+
+
A cyborg koala, wearing a pair of headphones and standing in front of a high-tech turntable, DJs on a rooftop in a futuristic, neon-lit Tokyo. The rain falls in sheets around it, creating a shimmering effect as it mixes beats.
+
Cats, dressed in formal attire, sit around an elaborate chessboard, each pondering their next strategic move in the tense match.
+
+
+ +
+
+ +
+
+
Amidst the ruined remnants of a once-thriving city, a lone robot scavenger sifts through the debris, its metallic fingers reaching through broken concrete and twisted metal in search of valuable salvage.
+
A mouse dressed in Renaissance attire, holding a slice of cheese delicately between its paws and eating it.
+
+
+
+
+
+
+
+

Citation

+ + @article{bahmani2024ac3d,
+   author = {Bahmani, Sherwin and Skorokhodov, Ivan and Qian, Guocheng and Siarohin, Aliaksandr and Menapace, Willi and Tagliasacchi, Andrea and Lindell, David B. and Tulyakov, Sergey},
+   title = {AC3D: Analyzing and Improving 3D Camera Control in Video Diffusion Transformers},
+   journal = {arXiv preprint},
+   year = {2024},
+ }
+
+
+
+
+ +
+ + + + +