360도 영상 프레임 분할 데모

차량 주위를 한 바퀴 돌며 촬영한 영상을 넣으면, video + canvas로 프레임을 잘라 드래그해 돌려볼 수 있는 회전 이미지로 만듭니다. 36 / 72 / 144프레임을 각각 만들어 비교해볼 수 있습니다. 블로그 글에서 설명한 추출 방식을 같은 순서로 재현했습니다.

선택하신 영상은 업로드되지 않습니다. 영상은 브라우저 안에서만 처리되며 어디로도 전송되지 않습니다. 탭을 닫으면 모든 데이터가 사라집니다. 이 페이지가 하는 네트워크 요청은 예시 영상을 내려받을 때 한 번뿐입니다.

결과

회전 속도 통일 — 프레임 수와 상관없이 한 바퀴에 같은 드래그 거리가 걸리도록 맞춥니다

좌우로 드래그해 돌려보세요