Music and Audio Computing

Web Audio Lecture #2

Example1: waveform and spectrum visualization

This shows waveform and spectrum drawn with the canvas element and analyser node.

• HTML file version

References on the visualization

• Analyser Node
• Visualizations with Web Audio API
• Canvas tutorial

Example2: visualization using microphone input

This example uses microphone as audio input and shows the waveform and spectrum in real-time.

• HTML file version

Reference on using microphone as audio input (and using camera too)

• Capturing Audio & Video in HTML5: http://www.html5rocks.com/en/tutorials/getusermedia/intro/