README.md

Overview

This is a set of examples for the Web Audio API using the Theresa's Sound World framework by Stuart Memo.

Example 1 - Play a single pitch

Everything needed for this example is in the "ex01" folder.

You can see the app running at http://andysylvester.com/files/tsw/ex01/index01.html

This blog post also talks about the Example 1 code.

Example 2 - Play different pitches

Everything needed for this example is in the "ex02" folder.

You can see the app running at http://andysylvester.com/files/tsw/ex02/index02.html

This blog post also talks about the Example 2 code.

Example 3 - Change the oscillator

Everything needed for this example is in the "ex03" folder.

You can see the app running at http://andysylvester.com/files/tsw/ex03/index03.html

This blog post also talks about the Example 3 code.

Example 4 - Add a keyboard

Everything needed for this example is in the "ex04" folder.

You can see the app running at http://andysylvester.com/files/tsw/ex04/index04.html

This blog post also talks about the Example 4 code.

Example 5 - Play a chord

Everything needed for this example is in the "ex05" folder.

You can see the app running at http://andysylvester.com/files/tsw/ex05/index05.html

This blog post also talks about the Example 5 code.

Example 6 - Play a scale

Everything needed for this example is in the "ex06" folder.

You can see the app running at http://andysylvester.com/files/tsw/ex06/index06.html

This blog post also talks about the Example 6 code.

Example 7 - Fun with filters

Everything needed for this example is in the "ex07" folder.

You can see the app running at http://andysylvester.com/files/tsw/ex07/index07.html

This blog post also talks about the Example 7 code.

Resources

http://www.w3.org/TR/webaudio/ - Web Audio API specification

WebTUTSDepot: Tutorial for HTML5 sliders

StackOverflow: How to Overwrite Styling In Twitter Bootstrap

Mozilla Developer Network: Page on biquad filters

O'Reilly.com: Boris Smus book on Web Audio API, link to chapter on filters

Release history

9/29/2014 - Example 1 code

9/30/2014 - Example 2 code

10/2/2014 - Example 3 code

10/3/2014 - Example 4 code

10/4/2014 - Example 5 code

10/5/2014 - Example 6 code

10/11/2014 - Example 7 code