Question 1

How to send MIDI notes with JZZ in a web browser?

Accepted Answer

Use JZZ's helper functions like .noteOn() and .noteOff() after opening a MIDI out port. For example, after loading JZZ via CDN, chain methods: JZZ().openMidiOut().noteOn(0, 'C5', 127).wait(500).noteOff(0, 'C5').

Question 2

JZZ vs native Web MIDI API: which should I use?

Accepted Answer

JZZ extends the native Web MIDI API by adding cross-browser compatibility and extra features like helper functions and virtual ports. Use JZZ if you need support for older browsers or advanced MIDI handling; stick with native API for simple, modern browser-only projects.

Question 3

Does JZZ work on iOS without installing plugins?

Accepted Answer

JZZ works on iOS to some extent, but for full functionality and best experience, it recommends installing the Jazz-Plugin from the App Store. Without it, features may be limited depending on Safari's Web MIDI API support.

Question 4

How to create a virtual MIDI port with JZZ for testing?

Accepted Answer

Define a custom node using JZZ.Widget() with a _receive method, then register it with JZZ.addMidiOut(). This allows simulating MIDI ports for routing or testing, as shown in the README examples.

Question 5

Can I use JZZ with TypeScript for MIDI 2.0 projects?

Accepted Answer

Yes, JZZ supports TypeScript and ES6 modules; import { JZZ } from 'jzz' and use async/await with .MIDI2() for MIDI 2.0 messages. The README includes TypeScript examples for modern development workflows.

Question 6

What are the performance implications of using JZZ's helper functions?

Accepted Answer

JZZ's helper functions add abstraction that might introduce slight latency due to message processing and chaining. For critical real-time applications, test thoroughly and consider using raw MIDI messages or optimizing helper usage.

Question 7

How to handle MIDI file playback with JZZ?

Accepted Answer

Use the JZZ-midi-SMF module to read, write, and play Standard MIDI files. Integrate it with JZZ's core API for seamless playback, as detailed in the additional modules section of the README.

JZZ

What is JZZ?

Overview

Use Cases

Best For

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions