🌊 WAVE

동영상 편집, 이제 브라우저만 여세요!

logo

배포 주소로 확인할 수 없을 때 데모 영상으로 확인해주세요.

WAVE(Web Application for Video Editing)는 클라이언트 기반 웹 동영상🎥 편집기로, 별도 프로그램을 설치할 필요 없이 브라우저🌍만으로 작업이 가능합니다. 영상의 편집 처리를 서버가 아닌 클라이언트에서 진행하여 서버의 부하도 많이 발생하지 않습니다.

사용자는 로컬 또는 서버에서 영상을 불러와서 UI를 통해 다양한 효과를 추가하고, 그 결과물을 다운로드 및 서버로 업로드할 수 있습니다. 이는 HTML5의 <video> element에서 원본 영상을 재생하며 프레임을 추출하고, 추출한 프레임마다 편집 효과를 적용한 후, 이를 합쳐서 mp4 파일을 만드는 방식으로 이루어집니다.

동영상이 핸드폰으로 찍어 90° 돌아간 상태이거나, 맨 앞과 맨 뒤에 필요 없는 부분을 잘라내고 싶을 때, 동영상 편집 프로그램을 다운받아 실행하는 번거로운 작업 없이 Chrome 브라우저를 켜서 WAVE를 시작하세요!

🌉 Features

회전 / 반전 확대 / 축소
회전반전 확대축소
90°/-90° 회전, 상하/좌우 반전이 가능합니다. 확대/축소, 4:3, 16:9 비율 조정이 가능합니다.
영상 자르기 서명 추가
자르기 서명
원하는 길이만큼 영상을 자를 수 있습니다. 로컬에서 이미지를 불러와서 영상에 서명을 추가할 수 있습니다. (워터마크 기능)
각종 필터 적용 편집 내역 관리
필터 히스토리
R,G,B 값을 변경할 수 있고, blur효과 및 흑백 효과, 밝기 조절도 가능합니다! 편집 내역을 최대 20개까지 히스토리로 관리합니다. (서명, 필터 제외)
해상도 설정 로컬 다운로드
해상도설정 로컬다운
원하는 해상도를 설정하여 영상을 인코딩할 수 있습니다. 인코딩이 완료된 영상을 즉시 로컬로 다운로드 할 수 있습니다.
서버에서 불러오기 도움말
서버에서다운로드 도움말
편집했던 영상을 서버에서 불러와 추가적인 편집 작업도 가능합니다! WAVE의 사용법을 상세히 확인할 수 있습니다.

🏛 Web Architecture

🚩 기술 스택

자세한 설명은 Wiki 를 참고해주세요.

👩‍ 팀원

J017_권영언 J096_석민지 J103_신승현 J117_오지현
_
GitHub
_
GitHub
_
GitHub
_
GitHub
음음 🏳️‍🌈 ⭐👩‍💻⭐ 😊 SSH ^^ㅎ 😊 🐾📏