Skip to content

Latest commit

 

History

History
53 lines (41 loc) · 3.97 KB

README.md

File metadata and controls

53 lines (41 loc) · 3.97 KB

Web MIDI Dash Button

Status of the repo

almost time to release

What is the "Web MIDI Dash" Button?

This product supports developers who implement web application with Web MIDI API.

What does the "Web MIDI Dash" Button do for developers?

The "Web MIDI Dash" button behave as HID, such as Keyboard. And when fire the button on the "Web MIDI Dash" Button, the "Web MIDI Dash" Button input the word bellow for you that is the statement of starting using Web MIDI API.

Navigator.requestMIDIAccess({sysex:true}).then( onMIDISuccess, onMIDIFailure );

How to use the "Web MIDI Dash" Button?

Connect the button with USB(USB type C ready!). That is it!! Super easy isn't it.
Please note that the "Web MIDI Dash" Button behaves as "Standard 101-key or 102-key".

How to Create the "Web MIDI Dash" Button?

Requirements

Print enclosure

Download 3 STL files(Chassis, Lower Enclosure, Upper Enclosure) in the enclosure_stl directory of this repo, and follow the instructions of your targetting 3D printer to print enclosure.

Solder electric circuit

Solder as the figure bellow.

Note: figure in above is using Arduino Micro, but use Arduino Pro Micro(5V).

The circuit is looks like image bellow when soldering is completed.

Cover by enclosure

Enclose chassis by other 2 pieces. >>>

Send Sketch to Arduino Micro Pro

Launch Arduino IDE. And open Tools>Processor and select ATmega32U4(5V, 16MHz). This is extremely important and must be set before start sending sketch otherwise the Arduino Micro Pro will be blick. After set the Tools menu properly, send this Sketch by clicking Uplodad button on Arduino IDE.

Now you are the awesome web developer with Web MIDI API.

Note: The "Web MIDI Dash" Button is providing 2 modes. One is "Web MIDI API" mode and the other is "ESC Button" mode. This is changed by dip switch on right side of the "Web MIDI Dash" Button. If your solder is as same as the section of "Solder electric circuit", "Web MIDI API" mode is the switch status in image bellow. If the switch status is changed in opposet, "ESC Button" mode will be activated.

"Web MIDI API" mode is activated