Creative with Code
Menu

Audio archive

Visualize music with the Web Audio API: Getting Started

Having looked into what's required to build a music visualizer using three.js and WebGL, I've come across a few different options and examples, all of which use the WebAudio API to load and play with music. A few of the examples are below: Experimenting with web audio API + Three.js ...
May 4, 2015

Create a sound analyser with the Web Audio API

We left off having loaded the audio using the analyseAudio object. Now we're going to explore the setUpAnalyser() function which will starts off the sound analysing process. setUpAnalyser sets up everything we need to analyse the music: it creates a separate processor node required for the analysis  sets up the sound buffer for...
Sep 11, 2015

Load audio with the Web Audio API

This tutorial is part of the "Seeing Sounds with Three.JS" tutorial series. In this part we will be getting started with the web audio API to add music to an existing scene. We're building on the previous part of this series where we created a terrain. The purpose is to get that...
Sep 15, 2015

Detect audio boost with the Web Audio API

Previously, we created an audio analyser which sets up everything we need to start of analysing music. We left off by using the onaudioprocess event handler of the script processor node to call our analyseBoost function, which will analyse the music. In this tutorial we'll finish off looking at the analyseBoost function, and look at how...
Read More