Skip to main content

Colored Noise — White, Pink, and Red

Using the Web Audio API to generate noise of different colors.

Your browser doesn't support canvas.

You can move the sliders to adjust the gain on the white, pink, and red noise generators.

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

Resources