Lessons:12Length:48 minutes
You may have used the audio tag to play sound in the past. While that works fine for simply playing a sound, it doesn't give us much control over the quality or timing of the playback. Enter the Web Audio API, a powerful new way of playing and manipulating sound in the browser with JavaScript.
In this course, Tuts+ instructor Stuart Memo will show you how to build something you don't usually see in a web browser: a synthesizer. Stuart will demonstrate how to build a little musical keyboard with real-time additive audio synthesis. You'll also get a chance to experiment with analyzing sound and visualizing audio information on-screen.
1.Introduction
1.1Introduction00:51
1.1
Introduction
00:51
1.2What You Need02:01
1.2
What You Need
02:01
1.3The Web Audio API04:15
1.3
The Web Audio API
04:15
2.Visualizing Sound
2.1What Is a Synthesizer?01:53
2.1
What Is a Synthesizer?
01:53
2.2Getting Started03:38
2.2
Getting Started
03:38
2.3Oscillate05:20
2.3
Oscillate
05:20
2.4Add a Keyboard04:57
2.4
Add a Keyboard
04:57
2.5Disposable Oscillators03:03
2.5
Disposable Oscillators
03:03
2.6Different Sounds06:44
2.6
Different Sounds
06:44
2.7Analysis05:52
2.7
Analysis
05:52
2.8Seeing Sound07:39
2.8
Seeing Sound
07:39
3.Conclusion
3.1Conclusion01:48
3.1
Conclusion
01:48
