Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.

README.md

JZZ-gui-Player

MIDI Player GUI for browsers

Firefox Chrome Opera Safari Internet Explorer Edge
npm npm Build Status Coverage Status

MIDI Player

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 (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.
Your questions and comments are welcome here.

We would really appreciate your support!