Skip to content

jazz-soft/jazz-midi-vscode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jazz-midi-vscode

npm npm jsDelivr build Coverage Status

MIDI for VSCode

Enable MIDI in your VSCode extensions.

( see also: jazz-midi-electron ... )

Install

npm install jazz-midi-vscode --save

Usage

( see the Demo Project above... )

Backend

const JZZ = require('jzz');
// jazz-midi-vscode is not required for the Backend
// ...
JZZ().openMidiOut() // ...

Backend sees all MIDI ports that would be available in normal node application.
It can also create virtual MIDI ports.

WebView

<script src="path/to/node_modules/jazz-midi-vscode/main.js"></script>
<script src="path/to/node_modules/jzz/javascript/JZZ.js"></script>
// ...
JZZ().openMidiOut() // ...
// when creating the WebView:
const JMVSC = require('jazz-midi-vscode');
// ...
panel = vscode.window.createWebviewPanel( ..., { enableScripts: true });
JMVSC.init(panel);
panel.webview.html = `...`;
// ...

WebView will see all MIDI ports (including virtual) available to the backend.
It can create additional Web Audio and HTML-based MIDI ports (see jzz-synth-tiny and jzz-input-kbd).