깃허브

<https://github.com/prgrms-app-devcourse/-2-Project1-React.js-Bootstrap/tree/project1/team5/%EC%B5%9C%EA%B0%95%ED%98%84>

배포주소(vercel)

<https://k-edit-mymain838s-projects.vercel.app/>

프로젝트 목표

ReactJS와 ffmpeg.wasm 라이브러리를 기반으로 동영상 편집 사이트를 만든다.

기능 구현 목록

- 비디오 업로드
- 1. 파일 업로드
- 2. 링크 업로드
(Instagram & Facebook & TikTok 
& YouTube & Twitter & Google Drive
 & Pintarest & likee & threads 지원)
 
- 기본(Basic) 기능
- 비디오 제목 표시
- 비디오 재생시간 표시
- 비디오 시작/끝 시간 표시
- 비디오 자르기
- gif 내보내기
- mp3 내보내기
- mp4 내보내기

- 프로(Pro) 기능
- 다양한 확장자 변환 지원
- 원하는 파일 이름으로 추출 가능
- 화질 변환 지원
- 재생 속도 변환 지원
- 1 ~ n 개 비디오 자르기 지원
- 1 ~ n 개 편집본 일괄 다운로드 지원
- 1 ~ n 개 비디오 맞춤 순서대로 병합 지원
- 메인 비디오 + 외부 비디오 병합 지원 
- 비디오 텍스트 추가 지원
- 비디오 밝기, 색도 조절 지원

사용한 라이브러리, 프레임워크

Frontend
React
Ant Design / icons
Bootstrap
ffmpeg
React-Player
react-router-dom
tailwindcss
Ant Design
...

Backend
Express
nayan-media-downloader
ytdl-core
uuid
...

시연이미지