Search the Community
Showing results for tags 'wavesurfer'.
I've seen some other questions regarding syncing GSAP and audio. I need to be able to create a tool that allows you to establish a region of an audio file as an audio loop, repeat that loop a number of times and then fade out the 'playing' loop after a GSAP animation has finished. In order to do that, I needed a waveform creation tool and didn't have time to build that from scratch. I've been experimenting with Wavesurfer and its regions plugin. It doesn't have a fade-out method so had to create one using TimelineMax's callback method, but it has most of the other pieces needed to make this happen. I've got it working but what I'd like to be able to do is combine GSAP's draggable to turn this into a light version of an audio editor where dragging the edges of an audio block would trim the audio from either edge. A right-click context menu could allow for splitting an audio block into 2 separate blocks. Also, would be very cool to have a draggable fade setting for the ends of the blocks. Thought this might be interesting enough to some that might like to fork the codepen and play around with it. I've forked the codepen myself and am working toward that end.