Developing an invoicing app using React?
Oh great, another project management solution?!
Think your TodoMVC could use a little... flare?
React Sampler might just be what you need!
Easily assign sound samples to keyboard keys and make your apps fun again! Delight your users with sounds for every occasion, from a victory Horn to a desperate Gun Shot!
Sound files from freesound.org
Check the GitHub page or the examples folder (there's a README there as well).
As seen live on great.dj!
Install through NPM
npm install react-sampler --save
Then include it on all your React apps like so:
var Sampler = require('react-sampler');
var samples = [{
file: '/path/to/file.mp3',
key: 'h'
startAt: 0 // in seconds, defaults to 0 (begging of the file)
},{
...
}]
<Sampler samples={samples} onLaunchSample={this.handleSampleLaunch} />I'm using Babel to create the transpiled file from the .jsx source, and browserify/watchify to create the distribution build, so installing these might be a good start!