• Home
  • Music
  • Code
  • Blipweb
  • Web MIDI Console
  • About
Factotumo

Send MIDI Messages from Your Browser with Updated Web MIDI Console

Ben January 21, 2017    

I released the first version of the Web MIDI console back in November of 2015.  I’d been thinking about adding support for message sending for awhile and Geert Bevin’s SendMIDI tool gave me the inspiration to finally implement it.  Thanks, Geert!  (And apologies if I mispronounced your name in the video.)

The following video shows a quick demo of the new features in the console, which you can access at https://factotumo.com/web-midi-console/.  The source code is available at https://github.com/benschmaus/web-midi-console if you’d like to run it locally.

 

 

The API is very similar to SendMIDI, however, since it’s JavaScript there are some differences.  The first is that a fluent interface is used to enable chaining messages together.

For example, with SendMIDI, to send a CC on channel 16 you could have:

dev "Output Name" ch 16 cc 21 0

This same sequence in the Web MIDI console would look like:

device("Output Name").ch(16).cc(21, 0)

The main syntactic difference here is the requirement for parentheses around message parameters and periods between messages.

The other big difference is in the way that commands from external files/scripts are handled.  Since one of the use cases for tools like SendMIDI and this is testing device configuration, which may require many messages to be sent, it’s convenient to be able to save a sequence of commands somewhere and execute them later.  In the case of the Web MIDI console, you use a script that’s serves a JSONP response.  You can view an example here, and there’s also an example of it’s usage in the video.  For detailed usage information run “scriptHelp()” in the terminal.  But for quick experimentation there’s no need for executing commands via URL; you can do everything direct from the terminal interface.

Last and not least, thanks to the developer(s) of the jQuery terminal emulator plugin for the very configurable and easy to use code.

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Tumblr (Opens in new window)

Related

code midi open source tools web midi

 Previous Post

SendMIDI is a Nice MIDI CLI from Geert Bevin

― January 18, 2017

Next Post 

Stuff I’ve Been Doing with Music

― March 7, 2017

Related Articles

16 Uses for Elektron Digitakt
I’m Taking Some Time Off
Get Public Domain Audio from the Internet Archive

1 Comment

  1. MIDI Console Using Web MIDI API | Factotumo
    ― March 26, 2017 - 8:43 am

    […] Jan 2017: Read about the updated version of Web MIDI console here. […]

Leave a Reply Cancel reply

You must be logged in to post a comment.

Read about Factotumo on Create Digital Music and Synthtopia.

Recent

16 Uses for Elektron Digitakt
I’m Taking Some Time Off
Get Public Domain Audio from the Internet Archive
TX Modular is a Modular Synth Built with Supercollider
Get CC-licensed Bird Recordings at xeno-canto

Categories

Tags

artiphon arturia audiobus beatstep pro beta bitwig bleeplabs blipweb chrome code cubasis digitakt experimental helm iconnectivity iconnectmidi4+ ik multimedia irig pro kickstarter korg korg gadget lemur livid instruments meeblip midimux mimix minim mmwm mpe musicio noise olympia noise co owl patterning propellerhead pure data rebel technology roli seaboard rise splice supercollider teenage engineering u-he unit unlikely xynthesizr

Sign up for Factotumo.com Posts

Get Updates in Your Inbox!

About

Factotumo is about music, technology, and code. Read the longer story here.

Social Links

  • Home
  • Music
  • Code
  • Blipweb
  • Web MIDI Console
  • About
Copyright © factotumo.com | ben@factotumo.com