v1 - Fully functional local version

Features

• Supports .mp3, .flac, .wav, and more
• WaveSurfer.js provides visualization of uploaded file
• Adjustable player component. Zoom in, change the height, volume

Instructions

1. Download the release and open the files
2. Open two terminals and navigate to the app folder
3. For the first terminal, run the local web server with npm run dev
4. For the second terminal, run the Express.js server with node app.js
5. Open your browser and go to localhost:3000
6. Enjoy looping!

v0.2: Waveform display

Now uses wavesurfer.js for a better user experience!

wavesurfer.mp4

v0.1

Basic functionality implemented, initially set to 10 minute loops
You can run this version on your local machine. Make sure you have node and

1. run the express server using node app.js inside the app file.
2. start the next.js webpage in another terminal using npm run dev
3. In your browser, navigate to localhost:3000 (by default)
4. Make your 10 minute loops!

Future updates / TODO :
Improvement to user interface and experience

• Waveform representation of selected file to provide more precise selection of start and end times
• Properly updating linked values/elements
• If server costs aren't too bad, deploying to the web

Here is a demo of me recreating the video that inspired this project

no.mic.demo.mp4