Babbling Brook and Thunderstorm in Web Audio

I wanted to make a thunderstorm sound as it often rains in my hometown. I wanted to use a biquad filter to simulate individual raindrops. The BiquadFilterNode interface represents a simple low-order filter, and is created using the audio context. It would represent both the upper and lower ends of the frequency, and for the upper end I used 700 and for the lower end I used 40 as those were the values I experimented with that eventually worked. I would often type in different values for the frequencies and hear how they sound, and tweak them accordingly. I used two lowpass and two highpass filters, because for each, one would represent the upper end of the frequency, and the other the lower end.

Built With

• css
• html
• javascript