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:
lucianoandClaude Opus 4.8 committed 2026-06-19 16:37:59 +02:00
1 parent 5c60a38ff1
commit 1ae8fa81a7
5 files changed
+99

No files matched your search

+13
View File
@@ -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;