스크롤 스크럽 비디오

EFFECT PREVIEW

효과 하나만 따로 떼어 보여줍니다. 실제로 움직여 보고 고르세요. 각 카드의 수치·트리거·모바일 대체가 그대로 명세서에 들어갑니다.

무거움

스크롤을 내리면 카메라가 장면 안으로 날아 들어가고, 올리면 거꾸로 감긴다. 애플 제품 페이지 방식.

SCROLL = TIMELINE

스크롤을 내리면 영상이 앞으로, 올리면 거꾸로 감깁니다

적용 대상	풀블리드 히어로 또는 챕터 섹션(장면 2~3개 연결)
트리거	스크롤 위치 → video.currentTime 직접 매핑 (GSAP 불필요 · 바닐라 JS)
수치·구현	섹션당 1.3vh 스크롤 = 클립 1개 전량 · 관성 계수 0.18(cur += (target-cur)*0.18) · 클립은 Blob으로 로드(range 요청 불필요) · 뷰포트 ±1.6배 진입 시 lazy 로드 · ⚠ 인코딩 필수: crf 20 · -g 8(키프레임 촘촘히) · +faststart · 무음
모바일	720p·-g 4 경량 클립 별도 제공(clipMobile). 없으면 데스크톱 클립 폴백. seeking 중 재탐색 금지(코알레싱)로 빠른 플릭 시 멈춤 방지 · 첫 프레임 전까지 still이 포스터
필요 이미지	불필요