This project is a serverless, client-side audio cutter tool built with Next.js
- Load and initialize FFmpeg for audio processing in the browser.
- Upload audio files directly from the user's device.
- Specify start and end times to trim the audio.
- Download the trimmed audio file.
- Responsive and user-friendly UI.
- Next.js: Framework for React applications.
- React: Library for building user interfaces.
- Tailwind CSS: Utility-first CSS framework for styling.
- @ffmpeg/ffmpeg: JavaScript port of FFmpeg for audio processing.
- @ffmpeg/util: Utility functions for working with FFmpeg in the browser.
Follow these instructions to set up the project locally.
- Node.js (version 14 or higher)
- npm or yarn package manager
-
Clone the repository:
git clone [https://github.com/your-username/audio-cutter-tool.git](https://github.com/utsav82/edio/) cd audio-cutter-tool -
Install dependencies:
npm install
or
yarn install
-
Start the development server:
npm run dev
or
yarn dev
The application will be available at http://localhost:3000.
-
Load FFmpeg:
- Click the "Load ffmpeg-core" button to load the necessary FFmpeg files.
-
Upload Audio File:
- Use the file input to upload an audio file from your device.
-
Specify Trim Times:
- Enter the start and end times to specify the portion of the audio to trim.
-
Trim and Download:
- Click the "Trim Audio" button to process the file. The trimmed audio will be available for download.
- UI Framework: Tailwind CSS is used for styling. You can customize the UI by editing the classes in the JSX files.
- FFmpeg Core Version: Adjust the version of FFmpeg core by updating the URLs in the
AudioCutter.jscomponent.
Feel free to fork this repository and submit pull requests. Contributions are welcome!
This project is licensed under the MIT License.