🌊 WAVE

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

배포 주소 🖥

데모 영상 🎞

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

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 ^^ㅎ 😊	🐾📏