Add video layer: load VJ video loops that blend with the visuals
Loads a muted looping video as a layer above the WebGL canvas with opacity, blend mode and fit controls; included in MP4 recordings and droppable. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
5c60a38ff1
commit
1ae8fa81a7
5 files changed
+99
No files matched your search
@@ -404,6 +404,19 @@ body.output { cursor: none; background: #000; }
|
||||
}
|
||||
#overlay-images img.show { opacity: 1; }
|
||||
|
||||
/* ---- Video layer (VJ loop) ---- */
|
||||
.bg-video {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
object-fit: cover;
|
||||
z-index: 1; /* above the WebGL canvas, below overlays */
|
||||
pointer-events: none;
|
||||
display: none;
|
||||
}
|
||||
.bg-video.show { display: block; }
|
||||
|
||||
/* ---- Per-track scene image ---- */
|
||||
.scene-image {
|
||||
position: fixed;
|
||||
|
||||
Reference in new issue
Block a user