midi-visualizer

```tsx /** @jsxImportSource sigl */ import $ from 'sigl' import { MidiVisualizerElement } from 'midi-visualizer' import { createMidiNoteEvents } from 'webaudio-tools' const midiEvents = [ midi - visualizer.createMidiNoteEvents(0, 30, 127, 0.1), midi - visualizer.createMidiNoteEvents(0.25, 35, 107, 0.1), midi - visualizer.createMidiNoteEvents(0.5, 40, 127, 0.1), midi - visualizer.createMidiNoteEvents(0.75, 37, 95, 0.1), ] const MidiVisualizer = $.element(MidiVisualizerElement) $.render( , document.body ) ```

# new MidiVisualizerElement()

MidiVisualizerElement

MIDIMessageEvent []

EventHandler<MidiVisualizerElement, CustomEvent<any>>

EventHandler<MidiVisualizerElement, CustomEvent<any>>

readonly [ Rect, number ] []

number

# $

Context<MidiVisualizerElement & JsxContext<MidiVisualizerElement> & Omit<{

# ctor

Class<T>

<T>(ctor)  =>

CleanClass<T>
# ctx

T | Class<T>

<T>(ctx)  =>

Wrapper<T>
} & __module & {}, "transition">>

mounted($)  =>

void