manuelstofer/drums

Drum machine component built with the web audio api

Drums

A drum sequencer built with the web audio api

Demo

Checkout the demo

Installation

Installation with component:

component install manuelstofer/drums

Play drums:

var context = new webkitAudioContext(),
    gainNode = context.createGainNode();

gainNode.gain.value = 0.8;
gainNode.connect(context.destination);

var DrumMachine = require('drums'),
    drumMachine = new DrumMachine({
        element:            document.getElementById('drums'),
        context:            context,
        destination:        gainNode,
        stepsPerMinute:     240,
        steps:              16,
    
        files: [
            '2085__opm__kk-set1.wav',
            '26888__vexst__kick-4.wav',
            '3145__robbiesurp__dm-snare-bb6-5-close.wav',
            '406__tictacshutup__click-1-d.wav',
            '419__tictacshutup__thump-treble.wav',
            '449__tictacshutup__prac-tom.wav'
        ]
    });