Package Exports
- jzz-gui-player
- jzz-gui-player/javascript/JZZ.gui.Player.js
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
See the demo...
Install
npm install jzz-gui-player --save
or yarn add jzz-gui-player
or get the full development version and minified scripts from GitHub
Usage
Polymer
https://github.com/jazz-soft/polymer-midi-player
React
https://github.com/jazz-soft/react-midi-player
Plain HTML
<script src="JZZ.js"></script>
<script src="JZZ.midi.SMF.js"></script>
<script src="JZZ.gui.Player.js"></script>
//...CDN (jsdelivr)
<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>
//...CDN (unpkg)
<script src="https://unpkg.com/jzz"></script>
<script src="https://unpkg.com/jzz-midi-smf"></script>
<script src="https://unpkg.com/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.