- Front-End: ReactJS
- Back-End: Nodejs, ExpressJs, Creatomate
- Database: MongoDB
- Storage: Cloudinary
- Nguyễn Minh Đức - MSSV: 2011461
- Vũ Thanh Sang - MSSV: 20110555
- Trang Media: Đây là nơi lưu trữ các video, audio có sẵn của hệ thống, video mà người dùng lưu trữ,...
-
Chức năng chọn video hoặc audio: Khi nhấn chọn video hoặc audio
-
Video hoặc audio sẽ được thêm vô video player và đồng thời thêm vào thanh trượt video.
-
Sau khi chọn xong
- Chức năng thêm media
Bước 1: Chọn nút add media, một dialog hiện lên
Bước 2: Chọn video cần add và nhấn nút open
- Video được thêm vô video player và đồng thời thêm vô thanh trượt video.
- Trang audio: Đây là nơi lưu trữ audio mà người dùng đã tải lên
- Chức năng thêm audio Bước 1: Chọn nút add audio, một dialog hiện lên
Bước 2: Chọn audio cần add và nhấn nút open
➢ Audio được thêm vô video player, thanh trượt video và danh sách audio tại trang Audio
- sau khi chọn xong
- Chức năng tương tác với timeline:
Với mỗi video đã được thêm vào thanh timline, người dùng có thể cắt video, kéo thả để điều chỉnh độ ưu tiên, thứ tự xuất hiện, thời gian xuất hiện, xóa bỏ video
Video minh họa
Studio_Project_V1.mp4
- Render và dowload
Ở dây người dùng có thể kéo và điều chỉnh thứ tự xuất hiện của video cũng như thực hiện một số chức năng như concatenate , cut, ...
- Chức năng tải xuống / lưu trữ video:
Bước 1: Chọn nút download section
Bước 2: Chọn nút render
Bước 3: Tùy chọn tải về máy hoặc lưu trữ vào tải khoản
- Bước 1: Cài đặt git.
- Bước 2: Cài đặt docker.
- Bước 3: Clone repo: https://github.com/ducdevday/Video-Editor.git
git clone https://github.com/ducdevday/Video-Editor.git
- Bước 4: Di chuyển vào thư mục chứa dự án và file docker-compose.yml:
cd Video-Editor/
- Bước 5: Chạy docker container:
docker-compose up
- Bước 6: Mở docker desktop
- Bước 7: Chọn port của client để chạy ứng dụng