polymer-midi-player

MIDI Player Web Component

Supports MIDI 1.0 SMF and MIDI 2.0 Clips

Playing MIDI files via Web Audio and Web MIDI

Usage

Install the Web Component

npm install polymer-midi-player --save

HTML

<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module">
  import 'polymer-midi-player';
</script>

<midi-player src="test.mid" loop=2 autoplay></midi-player>

Attributes

src - MIDI file URL
data - contents of the MIDI file as String; can be used as an alternative to src
autoplay - start playback immediately
loop - the number of repeats, or true for an infinite loop

API

play()
pause()
resume()
stop()

Testing with Polymer

Make sure the Polymer CLI is installed: npm install -g polymer-cli
In the project directory:
run npm install
run polymer serve --open

See also:

https://github.com/jazz-soft/JZZ-gui-Player
https://github.com/jazz-soft/react-midi-player