fenomas / wafxr

sound effects for the web
https://fenomas.github.io/wafxr/
59 stars 2 forks source link
sound-effects web-audio

wafxr

Live demo

wafxr is a sound effect generator in the tradition of as3fxr, bfxr, jfxr, and others. But where such tools normally generate static files, this one plays sounds dynamically via Web Audio.

Supports oscillators, FM synth, tremolo/vibrato, and various other filters and effects. If you need more complicated sounds (and you're comfortable building audio graphs), check out wasgen instead.

Usage

Open the demo and twiddle the UI until you have a sound you like. Then copy the playback code into your project, add wasgen as a dependency, and off you go.

npm install --save wasgen
import Gen from 'wasgen'
var gen = new Gen()
gen.play([
  /* .. sound program from the demo page .. */
], 440, 1, gen.now(), gen.now() + 0.1)


Note on mobile support

Dynamic web audio is generally well-supported on mobile, but it's a bit CPU intensive so with heavy sounds you may hear glitches.


By

Made with 🍺 by andy.

License is ISC.