https://github.com/jazz-soft/jzz-gui-player

MIDI Player for browsers
https://github.com/jazz-soft/jzz-gui-player

midi midi-clip midi-file midi-files midi-player midi2 smf

Last synced: 6 months ago
JSON representation

MIDI Player for browsers

• Host: GitHub
• URL: https://github.com/jazz-soft/jzz-gui-player
• Owner: jazz-soft
• License: mit
• Created: 2018-05-05T02:19:23.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2024-09-07T13:26:00.000Z (8 months ago)
• Last Synced: 2024-11-08T15:03:55.972Z (6 months ago)
• Topics: midi, midi-clip, midi-file, midi-files, midi-player, midi2, smf
• Language: JavaScript
• Homepage:
• Size: 255 KB
• Stars: 12
• Watchers: 3
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# JZZ-gui-Player

## MIDI Player GUI for browsers

Supports MIDI 1.0 SMF and MIDI 2.0 Clips

![Firefox](https://jazz-soft.github.io/img/firefox.jpg)

![Chrome](https://jazz-soft.github.io/img/chrome.jpg)

![Opera](https://jazz-soft.github.io/img/opera.jpg)

![Safari](https://jazz-soft.github.io/img/safari.jpg)

![Internet Explorer](https://jazz-soft.github.io/img/msie.jpg)

![Edge](https://jazz-soft.github.io/img/edgc.jpg)  

[![npm](https://img.shields.io/npm/v/jzz-gui-player.svg)](https://www.npmjs.com/package/jzz-gui-player)

[![npm](https://img.shields.io/npm/dt/jzz-gui-player.svg)](https://www.npmjs.com/package/jzz-gui-player)

[![build](https://github.com/jazz-soft/JZZ-gui-Player/actions/workflows/build.yml/badge.svg)](https://github.com/jazz-soft/JZZ-gui-Player/actions)

[![Coverage Status](https://coveralls.io/repos/github/jazz-soft/JZZ-gui-Player/badge.svg?branch=master)](https://coveralls.io/github/jazz-soft/JZZ-gui-Player?branch=master)

[![Try jzz-gui-player on RunKit](https://badge.runkitcdn.com/jzz-gui-player.svg)](https://npm.runkit.com/jzz-gui-player)

[![MIDI Player](https://jazz-soft.github.io/img/midi-player.png)](https://jazz-soft.net/doc/JZZ/midiplayer.html)

See the [**demo**](https://jazz-soft.github.io/modules/smf/index.html)...

## Install

`npm install jzz-gui-player --save`  

or `yarn add jzz-gui-player`  

or get the full development version and minified scripts from [**GitHub**](https://github.com/jazz-soft/JZZ-gui-Player)

## Usage

##### Polymer

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

##### React

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

##### Plain HTML

```html

//...

```

##### CDN (jsdelivr)

```html

//...

```

##### CDN (unpkg)

```html

//...

```

##### CommonJS

```js

var JZZ = require('jzz');

require('jzz-midi-smf')(JZZ);

require('jzz-gui-player')(JZZ);

//...

```

##### TypeScript / ES6

```ts

import { JZZ } from 'jzz';

import { SMF } from 'jzz-midi-smf';

import { Player } from 'jzz-gui-player';

SMF(JZZ);

Player(JZZ);

//...

```

##### AMD

```js

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

  // ...

});

```

## Playing MIDI file

Please check the [**API Reference**](https://jazz-soft.net/doc/JZZ/midiplayer.html) !

```html



  var player = new JZZ.gui.Player('player');

  var data = ... // load MIDI file as a string or a buffer

  player.load(new JZZ.MIDI.SMF(data)); // MIDI 1.0, or

  // player.load(new JZZ.MIDI.Clip(data)); // MIDI 2.0

  player.play();

```

## More information

Please visit [**https://jazz-soft.net**](https://jazz-soft.net) for more information.