Audio Customizer

A full-stack app that lets you upload an audio file and trim, speed-shift, pitch-shift, fade, reverse, or re-volume it — all processed server-side with FFmpeg.

Audio Customizer is a MERN-style project (React frontend, Express/Node backend) that lets a user upload an audio file and apply a range of FFmpeg-driven transformations to it — trimming, changing playback speed, adjusting volume, reversing, applying fade in/out, generating a waveform image, and shifting pitch. The frontend is a single-page React app built with Create React App, using react-dropzone-style file input, a styled 'Audio Customizer' upload panel, and the react-h5-audio-player component to preview uploaded/processed audio. The backend is an Express server that accepts uploads via Multer, stores file metadata (original path plus an array of processed outputs) in MongoDB via Mongoose, and shells out to `ffmpeg`/`fluent-ffmpeg` for each processing operation, serving the results back as static files from an /uploads route. There are two parallel backend implementations in the repo — a lean version in app.js that does everything inline with `child_process.exec`-style FFmpeg command strings, and a more structured version using a Mongoose model (AudioFile), a dedicated controller (audioController.js) and fluent-ffmpeg's fluent API for bitrate conversion and ffprobe-based metadata extraction (duration, format, bitrate). The project is still early-stage: several planned features (an AudioEditor component with trim/volume UI, an apiService.js Axios wrapper) exist but aren't fully wired to the backend yet.