/midi-surf

A flexible and powerful MIDI controller in your browser!

Primary LanguageElmGNU General Public License v3.0GPL-3.0

MIDI Surf

A flexible and powerful MIDI controller anywhere you have a browser!

sketch1673045999388

MIDI Surf is a browser-based MIDI controller that is optimised to work on a range of devices, including tablets and smartphones. It is highly customisable, enabling you to make a controller that is exactly what you need to make or perform your music at any given moment.

Take a look at this video to see it in action.

Features

Here's a quick rundown of some of the features:

  • Install to your device as a progressive web app and use offline!
  • Buttons for playing notes, chords and sending CC
  • Faders for smoothly changing CC
  • Set MIDI parameters automatically by pressing the key or changing the parameter on your device!
  • Custom isomorphic keyboards with any size and offset you like
  • Store pages and modules to reuse later
  • A MIDI event viewer so you can see exactly what MIDI messages your device is sending

As useful as it is just now, this is just the beginning for MIDI Surf, I have lots of features in the pipeline. Check out my YouTube channel for development videos, tutorials and other music technology/programming related content!

Support the project, but no obligations, it's free to everyone!

Please consider supporting the development of this app if you enjoy using it, I'd really appreciate it if you did! You can join our community on Patreon and help guide the direction the app (and future software from Mo Chreach!) takes, or buy me a coffee/beer/cup of tea/sausage roll on Ko-Fi.

Browser Compatibility

On both desktop and mobile, I'd recommend using an up-to-date version of a Chromium-based browser to use MIDI Surf, such as Chrome, Edge, Vivaldi, Brave etc. Currently (as of Jan 2023), Safari and Safari on iOS do not support the Web Midi API. Take a look on Can I use for an current browser compatibility.

Presets

Here is a list of presets for MIDI Surf, if you click the links, MIDI Surf will open and you'll be prompted to import the controller. If you look at the actual link, they're very long and weird looking, that's because all the data that describes the controller is contained in the link! You can save and share your presets in the same way, using the share icon on the menu. If you make something cool, please send it to me and I'll add it to this list!

OP-Z

Digitakt

SP404MKII