css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.

Posts tagged web audio api

Fun with Web Audio API

I love music. I love math. I'm an engineer. Maybe that's why I love the Web Audio API.

The Web Audio API is very powerful. The way you can create audio nodes and chain them together is very...

The Making of Rasta Lines

I would like to show you my two Pens that led to Rasta Lines, a 3D visualisation of music soundwaves done with Web Audio API. I believe in short feedback loops, knowing that I'm on the right...

More Fun with Web Audio API

This is my second post about Web Audio API. Here is the first.

This time we're going to look at a practical example usage of the StereoPannerNode, the GainNode and the ConvolverNode (my...

How to calculate the frequencies of musical notes

I'm not a musician, and my musical education is basically a "who composed what" type of education. A true musician may find this blog post appalling but I think it may be useful for...