Package Exports

jzz-gui-player

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (jzz-gui-player) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

JZZ-gui-Player

MIDI Player GUI for browsers

Firefox Chrome Opera Safari Internet Explorer Edge

See the demo...

Install

npm install jzz-gui-player --save
or bower install jzz-gui-player
or yarn add jzz-gui-player
or get the full development version and minified scripts from GitHub

Usage

Web Component (Polymer)

https://github.com/jazz-soft/polymer-midi-player

Plain HTML

<script src="JZZ.js"></script>
<script src="JZZ.midi.SMF.js"></script>
<script src="JZZ.gui.Player.js"></script>
//...

CDN (always the latest version!)

<script src="https://cdn.jsdelivr.net/npm/jzz"></script>
<script src="https://cdn.jsdelivr.net/npm/jzz-midi-smf"></script>
<script src="https://cdn.jsdelivr.net/npm/jzz-gui-player"></script>
//...

CommonJS

var JZZ = require('jzz');
require('jzz-midi-smf')(JZZ);
require('jzz-gui-player')(JZZ);
//...

AMD

require(['JZZ', 'JZZ.midi.SMF', 'JZZ.gui.Player'], function(JZZ, smf, player) {
  // ...
});

Playing MIDI file

Please check the API Reference !

<div id=player></div>

<script><!--
  var player = new JZZ.gui.Player('player');
  var data = ... // load MIDI file as string
  player.load(new JZZ.MIDI.SMF(data));
  player.play();
--></script>

More information

Please visit https://jazz-soft.net for more information.
Your questions and comments are welcome here.

We would really appreciate your support!