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..."
Posted by matrix at 12/17/2021 03:37:00 PM
LABELS/MORE: , , , ,

3 comments:

  1. Toastman5/2/22, 3:11 PM

    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

Note: comments that insult people will be removed. Critique on gear is allowed. Do not ask if listings are still available. Click through auction links to check yourself. Posts and pics remain for historical purposes. To reduce spam, comments for posts older than one week are not displayed until approved (usually same day).

PREVIOUS PAGE NEXT PAGE HOME


Switched On Make Synthesizer Evolution Vintage Synthesizers Creating Sound Fundlementals of Synthesizer Programming Kraftwerk

© 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
Subscribe to: Post Comments (Atom)