web-hero-video

name: web-hero-video
description: Prepare short motion assets for website hero sections and scrolling sections.

When asked to prepare a motion website asset:

1. Use either:
2. a trimmed real video clip from /clips
3. a generated video from /videos
4. Create a short loop, target 4 to 8 seconds
5. Export web-ready mp4
6. Extract one poster frame as jpg
7. Save outputs into /output and /posters
8. Recommend one background version and one focal version

Useful commands:

Trim:
ffmpeg -ss 00:00:03 -t 6 -i "" -c:v libx264 -crf 18 -preset slow -an "/Volumes/ExSSD/ai/projects/video-studio/output/hero-loop.mp4"

Poster:
ffmpeg -ss 00:00:04 -i "/Volumes/ExSSD/ai/projects/video-studio/output/hero-loop.mp4" -frames:v 1 "/Volumes/ExSSD/ai/projects/video-studio/posters/hero-poster.jpg"

Webm optional:
ffmpeg -i "/Volumes/ExSSD/ai/projects/video-studio/output/hero-loop.mp4" -c:v libvpx-vp9 -b:v 0 -crf 30 -an "/Volumes/ExSSD/ai/projects/video-studio/output/hero-loop.webm"