Replace Earth intro with Antananarivo parachute-drop video
Swap the rotating Earth backdrop for an AI-generated golden-hour shot of Antananarivo's skyline with navy cardboard boxes parachuting in from across the frame. The hero box at center gets the MVA Global Fret shield overlaid for the last second of the loop, so each cycle ends on a brand reveal. Pipeline: source video cropped (bottom 150px) to remove the HeyGen watermark, audio stripped, MVA logo composited on the foreground box from t=4 to t=5 with a 0.3s alpha fade-in, re-encoded to H.264 at CRF 22 (1.1 MB total). Tint overlay softened — the original navy gradient was tuned for the dark space backdrop and was crushing the golden hour light. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
c52ac514b1
commit
5756669c67
@ -109,10 +109,12 @@ html, body {
|
||||
transform: translate(calc(var(--mx) * -22px), calc(var(--my) * -22px)) scale(1.06);
|
||||
}
|
||||
|
||||
/* Voile très léger — la vidéo en golden hour est belle, on la laisse vivre.
|
||||
Petit assombrissement vers les bords pour la lisibilité du bouton. */
|
||||
.layer-tint {
|
||||
background:
|
||||
radial-gradient(ellipse at center, transparent 0%, rgba(5, 5, 24, 0.55) 100%),
|
||||
linear-gradient(180deg, rgba(5, 5, 24, 0.25) 0%, rgba(5, 5, 24, 0.5) 100%);
|
||||
radial-gradient(ellipse at center, transparent 0%, rgba(5, 5, 24, 0.32) 100%),
|
||||
linear-gradient(180deg, transparent 50%, rgba(5, 5, 24, 0.35) 100%);
|
||||
}
|
||||
|
||||
/* ── BOUTON CTA centré ──────────────────────────────────────────────────── */
|
||||
|
||||
@ -28,10 +28,10 @@
|
||||
|
||||
<main class="stage">
|
||||
|
||||
<video class="layer layer-video" id="earthVideo"
|
||||
<video class="layer layer-video" id="introVideo"
|
||||
autoplay loop muted playsinline preload="auto"
|
||||
poster="videos/earth-poster.jpg">
|
||||
<source src="videos/earth-rotation.mp4" type="video/mp4">
|
||||
poster="videos/parachute-poster.jpg">
|
||||
<source src="videos/parachute-drop.mp4" type="video/mp4">
|
||||
</video>
|
||||
|
||||
<div class="layer layer-tint"></div>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
BIN
videos/parachute-drop.mp4
Normal file
BIN
videos/parachute-drop.mp4
Normal file
Binary file not shown.
BIN
videos/parachute-poster.jpg
Normal file
BIN
videos/parachute-poster.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Loading…
Reference in New Issue
Block a user