Javascript sound effects generator.
JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 49 commits ahead of grumdrig:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
jquery
.gitignore
.hgignore
CNAME
NOTES
Procfile
README.rst
UNLICENSE
index.html
package.json
riffwave.js
screenshot.png
sfxr-to-wav
sfxr.js
test.js
web.js

README.rst

jsfxr

Quick 'n' easy game sound effects generator.

A port of sfxr: http://www.drpetter.se/project_sfxr.html to HTML5.

screenshot.png

use

You can use the sounds you make with sfxr in your game code.

Once you find a nice sound, click the Serialize button and copy the JSON code for the sound:

var sound = {
  "oldParams": true,
  "wave_type": 1,
  "p_env_attack": 0,
  "p_env_sustain": 0.31718502829007483,
  "p_env_punch": 0,
  "p_env_decay": 0.2718540993592685,
  "p_base_freq": 0.26126191208337196,
  "p_freq_limit": 0,
  "p_freq_ramp": 0.43787689856926615,
  "p_freq_dramp": 0,
  "p_vib_strength": 0,
  "p_vib_speed": 0,
  "p_arp_mod": 0,
  "p_arp_speed": 0,
  "p_duty": 1,
  "p_duty_ramp": 0,
  "p_repeat_speed": 0.7558565452384385,
  "p_pha_offset": 0,
  "p_pha_ramp": 0,
  "p_lpf_freq": 1,
  "p_lpf_ramp": 0,
  "p_lpf_resonance": 0,
  "p_hpf_freq": 0,
  "p_hpf_ramp": 0,
  "sound_vol": 0.25,
  "sample_rate": 44100,
  "sample_size": 8
};

var s = new SoundEffect(sound).generate();
// returns a webaudio object if supported, or an Audio object
s.getAudio().play();

You can also use the short URL compressed version of the sound:

var s = new SoundEffect("5EoyNVSymuxD8s7HP1ixqdaCn5uVGEgwQ3kJBR7bSoApFQzm7E4zZPW2EcXm3jmNdTtTPeDuvwjY8z4exqaXz3NGBHRKBx3igYfBBMRBxDALhBSvzkF6VE2Pv").generate();
s.getAudio().play();

You can also access an array of samples if you want to use the WebAudio API to play the sound:

console.log(s.buffer)

There is example code for using the WebAudio API on lines 55 and 81 of the index.html file.

Links

Application: http://github.grumdrig.com/jsfxr/

Source code: https://github.com/grumdrig/jsfxr/

Thanks

riffwave.js: http://www.codebase.es/riffwave/

jquery-ui: http://jqueryui.com/