This project is a web application that allows users to upload audio files and control the compression settings. Built with Tone.js and Next.js.
Live URL: https://audio-compressor-tonejs-mit27.vercel.app/
![Screenshot 2024-09-20 at 1 52 57 PM](https://private-user-images.githubusercontent.com/63452683/369538260-fbd75e00-4a6d-4ebe-9c93-f1ed3758ebf9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0NzE4ODYsIm5iZiI6MTczOTQ3MTU4NiwicGF0aCI6Ii82MzQ1MjY4My8zNjk1MzgyNjAtZmJkNzVlMDAtNGE2ZC00ZWJlLTljOTMtZjFlZDM3NThlYmY5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEzVDE4MzMwNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWViODVjMDE4YTdiYzg4ZGUyM2JkYTZmZWJjYjk2MzkyNDI2ZjUyNDM0MjRmMDAxNzQzMmNjZDFkNGFlODkzZDMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.0_6HEd3n9_SlTYNlFhySTsUbz1eKpV9NtYj7r5D3QEw)
- Next.js - React framework for server-side rendering and static site generation
- React - JavaScript library for building user interfaces
- Tone.js - Web audio library for creating interactive audio applications
- TypeScript - Typed superset of JavaScript
- Tailwind CSS - Utility-first CSS framework
- shadcn/ui - Re-usable components built with Radix UI and Tailwind CSS
- Node.js (version 14 or later)
- npm, yarn, or pnpm
-
Clone the repository:
git clone https://github.com/your-username/video-compression-visualizer.git cd video-compression-visualizer
-
Install dependencies:
npm install # or yarn install # or pnpm install
-
Run the development server:
npm run dev # or yarn dev # or pnpm dev # or bun dev
-
Open http://localhost:3000 with your browser to see the result.