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