/fcb1010

Web simulation of the Behringer FCB1010 made with React Hooks, Typescript, Web MIDI API and Emotion

Primary LanguageTypeScript

FCB1010

Web simulation of the Behringer FCB1010 made with React Hooks, Typescript, Web MIDI API and Emotion. This is a work in progress repository, created to further familiarize myself with these technologies. As the Web MIDI API is not a W3C standard yet, the FCB1010 web app only works in Chrome, Opera and Android.

See the web app live at: https://ludij.github.io/fcb1010/

Getting Started

$ npm i
$ npm start

Feature list

  • Create virtual FCB1010 surface
  • Implement MIDI Web API
  • Give pedals two modes: toggle and press
  • Make it possible to edit which MIDI messages the pedals send
  • Add expression pedals functionality
  • Style the edit modal and input fields
  • Handle keyboard input, so it can be used to trigger the pedals
  • Translate app state to a sysex message to send it to a hardware Behringer FCB1010
  • Handle MIDI input and make it possible to import sysex messages