How to develop a web application?

What are ways to develop web application for editing audio files in browser?

  • I would like to know if there are any sample examples available on web applications for editing audio files in browser. I know how to record audio in browser using recorder.js. I am not a flash developer and so not sure if I will be able to develop full featured application like http://soundation.com/studio Any help/suggestions on how I can move forward will be appreciated.

  • Answer:

    Among many other things http://www.audiotool.com allows you to import, arrange and sequence audio files and postprocess them through a wide pipeline of effects.

Mario Klingemann at Quora Visit the source

Was this solution helpful to you?

Other answers

Your UI will obviously be pretty straightforward using HTML, CSS, and JavaScript. I imagine you will use the canvas tag a lot, perhaps for rendering waveforms, visualizer/eq, etc. As for the audio itself, the JS Web Audio API provides most of the tools you will need. I would code the mixing yourself in a Script Node, for example. You will need to develop a server side app to do authentication and basic file management. The server may occasionally need to process audio itself, especially for transcoding. Not all browsers support all audio codecs, and in fact WAV is the only one supported by Chrome, Safari, Firefox, and IE. You may need to use a service like Zencoder to transcode if you're on a platform like Google App Engine which doesn't allow calling out to command line tools like FFmpeg.

Keith Lea

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.