« 7.1% of Android users can play audio in the browser | Home | Web MIDI API test suite released »

June 6, 2012

Web Audio Editor — an experimental tool using the Web Audio API

Web audio editor

Jan Myler has created a great Web Audio Editor application as part of a bachelor's thesis project. (The code is available here.) Web Audio Editor can:

  • Open and display WAVE/MP3 audio files.
  • Zoom in/out audio waveform.
  • Audio tracks containing editable audio clips.
  • Audio clips are movable, resizable. Can be looped and splitted easily.
  • Editing functions such as Cut, Copy, Paste and Delete.
  • Multitrack selection tool.
  • and more...

There is also an ironically silent video tutorial that demonstrates the features of the app.

About the project, Jan had this to say on the W3C Audio Working Group's listserv:

It is more or less experimental and has only limited functionality (no audio exports, open/save functions).

I had problems with high memory usage. Opened audio files are decoded into audioBuffers using audio context. These buffers are used for displaying the waveforms and as playback sources. So they are kept in memory throughout the application run.

Unfortunately, I didn't find a better way to be able to display waveforms when I was in the early stage of development. Even now I don't know another way.

Feedback is welcome.

The project works great in the Chrome browser. I would suspect it can run in the nightly WebKit, but haven't tried yet.