Visual Mic Level Display using HTML5/Javascript [closed]

Question

Here's the idea:

A level meter that displays sound output from a user's mic.

The tricky part:

Having it work on a website using only HTML5/Javascript.

Any ideas?

Answer 1

Have a look into the nascent GetUserMedia API which you can use to capture a stream from the mic. There's an example here which should be enough to get you started. Browser support is currently very limited.

The Web Audio API will allow you to process and visualise the stream but, similarly, browser support is very patchy. The example here visualises the volume on a signal from a static source, but I imagine it could be adapted to work with a signal captured via the GetUserMedia API.