Basic Music Terminology
- BPM
- Metronome
- Samples
- DAW
- Step Sequencer
BPM
Beats Per Minute
Metronome
Well,
that's
how
it really
works..
Samples
Kick
Snare
Cymbal
High Hat
DAW
(Digital Audio Workstation)
But what is,
Step Sequencer..?
My Step Sequencer!
Play Bar
Step Sequencer
Play
Record
Stop
Metronome
BPM
Channel Rack
Beat
Samples
Upload
Master Channel
Pattern Repeaters
Channel
Volume
Howler JS
Installation
- npm install howler
- yarn add howler
- git clone https://github.com/goldfire/howler.js.git
Audio Sprites
var chop = new Howl({
src: 'vocals.mp3',
sprite: {
blast: [0, 3000],
laser: [4000, 1000],
winner: [6000, 5000]
}
});
// Play the chopped audio!
sound.play('chop');
// Sprite Object
{
key: [offset, duration, (loop)]
}
Flp vocal chops video
An
Insight..
Challenges
- Maintaining the rhythm of the metronome.
- Achieving the working of an actual step sequencer.
Experiments
- Experimentation with different web audio API's and finding the best one.
- Touching a different 'genre' of application development after numerous implementations of snake game.
Research
- Half of my homework was already done having prior know-how about metronome & step sequencer.
- Rest, researching about how to work with audio API's.
- Webpack file imports and custom audio uploads.
So, what's in it for you?
Time to cook
some beats!
Thank You Very Much !
vinaysharma14
win-a-1412
Step Sequencer
By Vinay Sharma
