Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/markmarijnissen/webrtc2midi
Convert WebRTC messages to MIDI using PeerJS
https://github.com/markmarijnissen/webrtc2midi
midi peerjs webrtc
Last synced: 18 days ago
JSON representation
Convert WebRTC messages to MIDI using PeerJS
- Host: GitHub
- URL: https://github.com/markmarijnissen/webrtc2midi
- Owner: markmarijnissen
- License: mit
- Created: 2023-04-18T22:54:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-04-18T23:03:32.000Z (over 1 year ago)
- Last Synced: 2024-04-14T14:20:04.685Z (9 months ago)
- Topics: midi, peerjs, webrtc
- Language: Vue
- Homepage: https://markmarijnissen.com/webrtc2midi/
- Size: 83 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# webrtc2midi
Send and receive MIDI data using WebRTC, creating a virtual MIDI cable from one device (e.g. tablet or smartphone) to another device (e.g. your computer).
Use this to create a wireless MIDI connection from an web-app on your smartphone to a DAW on your computer.
## Getting started
1. Create a [virtual MIDI cable](https://www.tobias-erichsen.de/software/loopmidi.html)
2. Go to https://markmarijnissen.com/webrtc2midi/ on your browser
3. Write a unique ID and configure set the virtual MIDI cable as output.
4. Go to https://markmarijnissen.com/webrtc2midi/faders/ on your (smartphone) browser.
5. Enter the unique ID and click 'connect'
## Setup
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
Make sure to install the dependencies:
```bash
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install
```
## Development Server
Start the development server on `http://localhost:3000`
```bash
npm run dev
```
## Production
Build the application for production:
```bash
npm run build
```
Locally preview production build:
```bash
npm run preview
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.