Skip to main content

Colored Noise

Using the Web Audio API to generate noise of different colors. You can move the sliders to adjust the gain on the white, pink and red noise generators.

Your browser does not support canvas.

Everything within the Web Audio API is based around the concept of an audio graph, which is made up of different types of nodes. This is what the graph for this tiny app looks like:

White noiseScriptProcessorNodeWhite gainGainNodeAnalyzerAnalyserNodeDestinationAudioDestinationNodePink noiseScriptProcessorNodePink gainGainNodeRed noiseScriptProcessorNodeRed gainGainNode

Check out the resources used on this page: