webmidirtc

This project is meant to demonstrate controlling hardware synths using Web MIDI (via Webmidi.js) over a WebRTC video call (using Daily.)

This initial version was designed to be used with Elektron's Digitakt and Digitone. See MIDI-Setup below for the hardware specific configuration.

You can find MIDI command mappings in controlMap.js.

Most of the logic lives in Main.vue for now. It will get moved into smaller components in the future.

This is definitely a work in progress, so PRs are welcome.

Hardware and MIDI Setup

This was tested with the following configuration:

• Digitakt and Digitone plugged in separately via USB
• Digitone sending transport controls
• Digitakt receiving transport controls
• Digitakt main outputs going into Digitone inputs
• Digitone MIDI Out going into Digitakt MIDI In

You can see a list of available MIDI controls for these devices here.

Slides

Check out the README if you want to view the most recent presentation about WebMIDIRTC

Autogenerated Vue CLI Stuff:

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.