Sound that reacts.

Procedural sound effects for the web. Hold to charge a voice, then copy the code.

npm install audiobits

Silent until you hold. Rings follow charge, including while muted. Brightness follows output when motion is allowed.

Charge: stopped

App state passed to the voice
voice.set({ charge: 0.00 })
Generated signalPlay to see the generated signal

How you use this

The package

AudioBits is the runtime you install. Create an engine, then play from a click, tap, or key press.

Recipes you own

Eight sounds live in the catalog. Open one, change its parameters, and copy the example into your app.

Independent examples

Energy Charge and Reactive Thruster are complete pages you can copy. Each includes sound source and wires a small interaction to the same engine.

Examples and catalog sounds

Open the catalog

Examples are complete hosts. The three sounds are copy-owned recipes. Open a page to hear it.