Giter VIP home page Giter VIP logo

midi-surf's Introduction

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
  • Create scale keyboards or chord banks in seconds
  • Store pages and modules to reuse later
  • Share presets as a link
  • 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 you can import: https://github.com/mochreach/midi-surf/blob/main/presets.md

Update History

  • 0.5.3 (2024-02-13): Now clears URL query string after importing a controller.
  • 0.5.2 (2024-02-07): Fixes bugs related to saving modules and undoing changes.
  • 0.5.1 (2024-02-06): Fixes a bug with setting the viewport.
  • 0.5.0 (2024-02-06): Adds SysEx msgs, deleting items in rows/columns, wrapping containers in modules.
  • 0.4.0 (2024-02-03): Theory Craft - Adds chords keyboard and scale keyboard. Adds sized columns and rows.
  • 0.3.4 (2023-03-05): Fixes a bug with commands.
  • 0.3.3 (2023-02-28): Fixes scaling issues.
  • 0.3.2 (2023-02-11): Fixes fader bug with min max value not being used and web midi error reporting.
  • 0.3.1 (2023-02-06): Fixes fader max value bug and midi indexing.
  • 0.3.0 (2023-01-30): No Wasted Effort - Adds ways to save and export presets.
  • 0.2.0 (2023-01-22): The Hands On Update - New controller types.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.