MATRIXSYNTH: How to create a DIY sequencer using Web MIDI and a MIDI controller



Friday, December 17, 2021

How to create a DIY sequencer using Web MIDI and a MIDI controller


video upload by Floyd Steinberg

"Here's how to create a simple 16 step, 8 track, 8 patterns MIDI sequencer using JavaScript and Web MIDI (and some simple math). Table of contents:

00:00 introduction
00:51 midi basics
01:34 binary numbers
03:30 midi commands: note on
04:47 note off command
05:37 web midi
06:29 web workers
07:23 basic idea how to create the sequencer, and math basics
09:05 how to swing
10:19 document object model
12:13 how to use my sequencer
18:13 conclusion

Links:
My sequencer: https://sequencer.floydsteinberg.com (right click and show source for more info)
Main script: https://sequencer.floydsteinberg.com/...
MIDI specification: http://www.gweep.net/~prefect/eng/ref...
Web MIDI API: https://developer.mozilla.org/en-US/d..."

3 comments:

  1. Hi, I was trying to open the links in https://sequencer.floydsteinberg.com, but seems that they need a login. Could you fix the links? Thanks in advance

    ReplyDelete

Comments are moderated. Constructive feedback on gear is welcome, insulting people is not.

PREVIOUS PAGE NEXT PAGE HOME



Patch n Tweak

© Matrixsynth - All posts are presented here for informative, historical and educative purposes as applicable within fair use.
MATRIXSYNTH is supported by affiliate links that use cookies to track clickthroughs and sales. See the privacy policy for details.
MATRIXSYNTH - EVERYTHING SYNTH