FFvert
By
@Nahida4479
- 12 Devlogs
- 28 Total hours
A simple web app for converting video and image files, and downloading YouTube videos.
Ship #2
Hello everyone, I have finished my FFvert project. In this project I built a system based on ffmpeg, @imgly/background-removal-node, and youtube-dl-exec, which enables converting images and videos, removing image backgrounds, and downloading YouTube videos.
Conversion video system
For this system I use the ffmpeg package.
This system supports 6 video and 1 audio formats:
- gif
- mov
- mp3
- mp4
- avi
- mkv
- wmv
The supported resolutions: 4K, 1440p, 1080p, 720p, 480p
I’m proud that the GIF format additionally generates a color palette for better color accuracy.
Conversion image system
This system is based on the ffmpeg package.
Supports 7 image formats:
- png
- jpg
- webp
- bmp
- tiff
- ico
- qoi
Remove background system
This is a special option in the FFvert panel when you upload an image. The background removal system is based on the @imgly/background-removal-node package. The AI model isnet_fp16 is downloaded from IMG.LY servers and runs locally.
YouTube Downloader system
The YouTube Downloader is based on the youtube-dl-exec package. The file is downloaded and converted using FFmpeg for the user-selected format and resolution.
Supported 12 formats:
- MP4
- MP3
- MOV
- GIF
- MKV
- WEBM
- AAC
- M4A
- FLAC
- WAV
- OPUS
- VORBIS
The supported resolutions: 1440p, 1080p, 720p, 480p, 360p, 240p, 144p
How to use
You can try my project at:
convert.nahida4479.org
If you prefer to run it locally, I have 2 options for you :)
You can run the image using a pre-built Docker image.
docker pull ghcr.io/nahida4479/ffvert:latest
docker run -p 3003:3003 ghcr.io/nahida4479/ffvert:latest
or build it yourself
git clone https://github.com/Nahida4479/FFvert.git
cd FFvert
docker build -t ffvert .
docker run -p 3003:3003 ffvert
Summary
I spent a lot of time on this project and thoroughly enjoyed studying CSS and improving my JavaScript skills. I hope you like this project. Good luck with your own projects :)
3h 41m 56s logged
Devlog 12
New
- Built and published a Docker container on GitHub
- Added a progress bar for YouTube Downloader
- Disabled the OK button until the file is ready
- Adjusted YouTube Downloader GUI for mobile devices
- Added a 2GB file upload limit to FFvert
- Updated
README.md
Docker
You can run the image using a pre-built Docker image.
docker pull ghcr.io/nahida4479/ffvert:latest
docker run -p 3003:3003 ghcr.io/nahida4479/ffvert:latest
or build it yourself
git clone https://github.com/Nahida4479/FFvert.git
cd FFvert
docker build -t ffvert .
docker run -p 3003:3003 ffvert
2h 40m 58s logged
Devlog 11
New
- Section How to use
- Change name yt-dlp –> YouTube Downloader
- Full YouTube video download system
YouTube download video system:
I use the node package youtube-dl-exec for this system. The file is downloaded by the backend and converted using FFmpeg for the user-selected format. For GIF files FFmpeg generates a special palette for better color accuracy.
2h 42m 3s logged
Devlog 10
New GUI
- Text Input (for YouTube video link)
- Format List
- Resolution List
- OK Button
Text input:
Input where you will paste a YouTube video link.
Format list:
Supported formats: MP4, MP3, MOV, GIF, MKV, WEBM, AAC, M4A, FLAC, WAV, OPUS, VORBIS.
Resolution list:
Supported resolutions: 1440p, 1080p, 720p, 480p, 360p, 240p, 144p
Plans
I plan to implement a full video download system based on yt-dlp, with support for both 16:9 and 9:16 video formats.
1h 28m 2s logged
3h 30m 57s logged
1h 53m 29s logged
1h 32m 32s logged
Ship #1
FFvert is a web app that lets you convert an uploaded file into a different format. I spent a lot of time on the design that was actually where I struggled the most. I’m proud that the conversion system works perfectly, and of the quality of the converted GIFs. My app is live at convert.nahida4479.org, so anyone can try it out.
44m 57s logged
Final version
2h 44m 1s logged
New design
1h 34m 5s logged
Add fun fact and high quality GIF system
4h 2m 54s logged
New resolution and download systems :)
1h 39m 20s logged
Basic convert system
