Welcome
Hello, Welcome to Loopa. A web loopstation. You can start your own music creation here.
Important Note
This project is based on Web Audio API, and also used Tone.js, recorder.js and RecordRTC.js. Your browser may not fully support all the functions.
I have tested Chrome on macOS and safari on iOS. So far, they should work properly. (You may need to switch off silent-mode on iOS)
Getting Started
1. Enter the BPM
The bpm input is located on the bottom
2. Enter the Looping Interval
Enter the interval of each loopers(bars) on the vertical counter before you start recording
3. Click the play button
Click to start the metronome and you can start your recording
Getting Started
4. Record Loops
Hints: Try to press the record button right BEFORE the first beat. (Not after the first beat is hitted)
5. Add more Loopers
CLick the "+" button to add more loopers
Features
Effects/ Filters
You can adjust the volume, panner and more effects under the effects section! Click to get a popup control panel.
Master Recordings and Output
You can click the record button on top to record your creation. Even more, you can output to a .wav file and get the download link inside the menu on the upper-right corner.
Mobile/ Desktop
Responsive Design
Most of the design are responsive and made up by the same HTML elements. However, some of them are custom made for mobile experience.
Therefore, switching between desktop/ mobile view may end up into non-sync sliders or buttons. (Can be fixed later)
Add to Home Screen
For iOS devices, you can click Share >> Add to homescreen. Enjoy native-apps experience :)
Let's Go
Let's Get started
No more further ado, let's start your music adventure!!
Want More?
Any questions? Or you want to view more of my work? Visit https://github.com/IamMrandrew
(If you encounter any bugs, please refresh the browser to start over, or you can issue the bug to my repo!)
