Category: Web Audio
-
Web Audio API Convolver Node
Web Audio API Convolver Node is a tutorial that shows how to use the convolver node to apply a linear convolution effect with an impulse response. You should understand the basics of the Web Audio API as well as how to buffer and play audio files. If not, please refer to the previous tutorials. Once…
-
Mixing Loops with Web Audio API
Mixing loops with Web Audio API can now be done easily by the whole family. Web Audio Loop Mixer is a Web Audio App that uses the Web Audio API to recreate an audio mixer. It has four channels and global effects that can be applied to any channels. The Web Audio Loop Mixer is…
-
Timed Rhythms with Web Audio API and JavaScript
UPDATED ON: December 20, 2014 Timed Rhythms with Web Audio API and JavaScript is a tutorial that details how to create rhythms by triggering buffered audio at specific time intervals. It builds on what we’ve covered in previous tutorials Web Audio API Basics, Web Audio API Audio Buffer, Play a Sound with Web Audio API,…
-
Web Audio API BufferLoader
UPDATED ON: December 20, 2014 Web Audio API BufferLoader is a tutorial that shares how the Web Audio API Audio Buffer loading process can be abstracted into a custom function called BufferLoader. This allows us to reduce the amount of code needed when loading audio assets. The BufferLoader class is especially important for applications that…
-
Controlling Web Audio API Oscillators
UPDATED ON: December 20, 2014 Controlling Web Audio API Oscillators is a tutorial that explains some common methods of triggering and toggling oscillators with the Web Audio API. It will build on what we’ve covered in Web Audio API Basics and Web Audio API Oscillators. You should understand the basics of the Web Audio API…
-
Play a Sound with Web Audio API
UPDATED ON: December 20, 2014 Play a Sound with Web Audio API is a tutorial that explains some common methods of triggering and toggling buffered sounds with the Web Audio API. It will build on what we’ve covered in Web Audio API Basics and Web Audio API Audio Buffer. You should understand the basics of…
-
Channel Strip Web Audio App is Released
Channel Strip is a Web Audio App created with HTML5, CSS3, JavaScript, and the Web Audio API. This web app is a stand alone audio channel strip that allows an audio signal to be boosted, attenuated, equalized, panned, compressed and muted in the browser. * Keep in mind you need Chrome for this web app…
-
Web Audio API Audio Buffer
UPDATED ON: December 16, 2014 Web Audio API Audio Buffer is a tutorial that will give you an understanding of how to buffer and play audio with the Web Audio API. After all, playing an audio file is probably the first thing most people want to do. Simple, right? Nope. We have to load the…
-
War Machine Web Audio App is Released
War Machine is a Web Audio App created with HTML5, CSS3, and JavaScript. The App uses the Web Audio API to create a sample pad interface reminiscent of an Akai MPC. Despite the name, the purpose of War Machine is not to promote violence, but rather to create a safe (victimless) environment for the release…
-
Virtual Hang Web Audio App is Released
Virtual Hang is a Web Audio App that uses the Web Audio API to recreate a Hang, a steel hand pan instrument. The Hang is an amazing musical instrument developed in Bern, Switzerland about ten years ago. This virtual instrument is based on the work I did for my Virtual Kalimba. * Keep in mind…
-
Virtual Kalimba Web Audio App Gets Real
Virtual Kalimba is a Web Audio App that uses the Web Audio API to recreate a kalimba, also known as an mbira or thumb piano. This modern take on the traditional African instrument became a reality earlier this year when I began investigating the Web Audio API. As I learned what it could do, I…
-
Web Audio API Oscillators
UPDATED ON: December 11, 2014 Web Audio API Oscillators is a tutorial that will give you an understanding of how to generate sounds with the Web Audio API in your browser. Web Audio API Oscillators builds on what we’ve covered in Web Audio API Basics, the first tutorial in the series. Web Audio API Oscillators…