2022

JavaScript Audio Looper

a audio looper where you can add eight different instruments and play them simultaneously or individually.'

JavaScript Audio Looper

JS Looper

link: https://awesome-looper.onrender.com

Technologies Used

Front-EndHTML5, CSS3, JavaScript
MiscellaneousRender

Info

This is a audio looper I made where you can add eight different instruments and play them simultaneously or individually.

You can loop each track and change loop position / length. wait for audio cursor to “hit” the loop start region.

You can play and pause all tracks or just one instrument.

You can mute and unmute all tracks or just one instrument.

Using wavesurfer.js to display the waveform visualization and using regions plugin to interact with the audio loop regions.

Loop

- Wait for audio cursor to “hit” the start of the loop region,

when it hits the end of the loop region it will loop back to the beginning of the loop region.

loopDemo

Change Loop Length

- You can resize loop length and change the loop selection position

looperGif

info card

info--card

Explore more projects