UNPKG

phaser4-rex-plugins

Version:
304 lines (277 loc) 13.9 kB
/* Project Name: midi-parser-js Author: colxi Author URI: http://www.colxi.info/ Description: MIDIParser library reads .MID binary files, Base64 encoded MIDI Data, or UInt8 Arrays, and outputs as a readable and structured JS object. --- Usage Methods --- ------------------------------ * OPTION 1 NEW! (MIDIParser.parse) Will autodetect the source and proccess the data, using the suitable method. * OPTION 2 (MIDIParser.addListener) INPUT ELEMENT LISTENER : call MIDIParser.addListener(fileInputElement,callbacFunction) function, setting the Input File HTML element that will handle the file.mid opening, and callback function that will recieve the resulting Object formated, set of data. * OPTION 3 (MIDIParser.Uint8) Provide your own UInt8 Array to MIDIParser.Uint8(), to get an Object formated, set of data * OPTION 4 (MIDIParser.Base64) Provide a Base64 encoded Data to MIDIParser.Base64(), , to get an Object formated, set of data --- Output Object Specs --- ------------------------------ MIDIObject{ formatType: 0|1|2, // Midi format type timeDivision: (int), // song tempo (bpm) tracks: (int), // total tracks count track: Array[ [0]: Object{ // TRACK 1! event: Array[ // Midi events in track 1 [0] : Object{ // EVENT 1 data: (string), deltaTime: (int), metaType: (int), type: (int), }, [1] : Object{...} // EVENT 2 [2] : Object{...} // EVENT 3 ... ] }, [1] : Object{...} [2] : Object{...} ... ] } Data from Event 12 of Track 2 could be easilly readed with: OutputObject.track[2].event[12].data; */ 'use strict'; // CROSSBROWSER & NODEjs POLYFILL for ATOB() - By: https://github.com/MaxArt2501 (modified) var _atob = function(string) { // base64 character set, plus padding character (=) var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // Regular expression to check formal correctness of base64 encoded strings var b64re = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/; // remove data type signatures at the begining of the string // eg : "data:audio/mid;base64," string = string.replace( /^.*?base64,/ , ""); // atob can work with strings with whitespaces, even inside the encoded part, // but only \t, \n, \f, \r and ' ', which can be stripped. string = String(string).replace(/[\t\n\f\r ]+/g, ""); if (!b64re.test(string)) throw new TypeError("Failed to execute '_atob' : The string to be decoded is not correctly encoded."); // Adding the padding if missing, for semplicity string += "==".slice(2 - (string.length & 3)); var bitmap, result = "", r1, r2, i = 0; for (; i < string.length;) { bitmap = b64.indexOf(string.charAt(i++)) << 18 | b64.indexOf(string.charAt(i++)) << 12 | (r1 = b64.indexOf(string.charAt(i++))) << 6 | (r2 = b64.indexOf(string.charAt(i++))); result += r1 === 64 ? String.fromCharCode(bitmap >> 16 & 255) : r2 === 64 ? String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255) : String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255, bitmap & 255); } return result; }; var MIDIParser = { // debug (bool), when enabled will log in console unimplemented events warnings and internal handled errors. debug: false, parse: function(input, _callback){ if(input instanceof Uint8Array) return MIDIParser.Uint8(input); else if(typeof input === 'string') return MIDIParser.Base64(input); else if(input instanceof HTMLElement && input.type === 'file') return MIDIParser.addListener(input , _callback); else throw new Error('MIDIParser.parse() : Invalid input provided'); }, // addListener() should be called in order attach a listener to the INPUT HTML element // that will provide the binary data automating the conversion, and returning // the structured data to the provided callback function. addListener: function(_fileElement, _callback){ if(!File || !FileReader) throw new Error('The File|FileReader APIs are not supported in this browser. Use instead MIDIParser.Base64() or MIDIParser.Uint8()'); // validate provided element if( _fileElement === undefined || !(_fileElement instanceof HTMLElement) || _fileElement.tagName !== 'INPUT' || _fileElement.type.toLowerCase() !== 'file' ){ console.warn('MIDIParser.addListener() : Provided element is not a valid FILE INPUT element'); return false; } _callback = _callback || function(){}; _fileElement.addEventListener('change', function(InputEvt){ // set the 'file selected' event handler if (!InputEvt.target.files.length) return false; // return false if no elements where selected console.log('MIDIParser.addListener() : File detected in INPUT ELEMENT processing data..'); var reader = new FileReader(); // prepare the file Reader reader.readAsArrayBuffer(InputEvt.target.files[0]); // read the binary data reader.onload = function(e){ _callback( MIDIParser.Uint8(new Uint8Array(e.target.result))); // encode data with Uint8Array and call the parser }; }); }, Base64 : function(b64String){ b64String = String(b64String); var raw = _atob(b64String); var rawLength = raw.length; var array = new Uint8Array(new ArrayBuffer(rawLength)); for(var i=0; i<rawLength; i++) array[i] = raw.charCodeAt(i); return MIDIParser.Uint8(array) ; }, // parse() function reads the binary data, interpreting and spliting each chuck // and parsing it to a structured Object. When job is finised returns the object // or 'false' if any error was generated. Uint8: function(FileAsUint8Array){ var file = { data: null, pointer: 0, movePointer: function(_bytes){ // move the pointer negative and positive direction this.pointer += _bytes; return this.pointer; }, readInt: function(_bytes){ // get integer from next _bytes group (big-endian) _bytes = Math.min(_bytes, this.data.byteLength-this.pointer); if (_bytes < 1) return -1; // EOF var value = 0; if(_bytes > 1){ for(var i=1; i<= (_bytes-1); i++){ value += this.data.getUint8(this.pointer) * Math.pow(256, (_bytes - i)); this.pointer++; } } value += this.data.getUint8(this.pointer); this.pointer++; return value; }, readStr: function(_bytes){ // read as ASCII chars, the followoing _bytes var text = ''; for(var char=1; char <= _bytes; char++) text += String.fromCharCode(this.readInt(1)); return text; }, readIntVLV: function(){ // read a variable length value var value = 0; if ( this.pointer >= this.data.byteLength ){ return -1; // EOF }else if(this.data.getUint8(this.pointer) < 128){ // ...value in a single byte value = this.readInt(1); }else{ // ...value in multiple bytes var FirstBytes = []; while(this.data.getUint8(this.pointer) >= 128){ FirstBytes.push(this.readInt(1) - 128); } var lastByte = this.readInt(1); for(var dt = 1; dt <= FirstBytes.length; dt++){ value = FirstBytes[FirstBytes.length - dt] * Math.pow(128, dt); } value += lastByte; } return value; } }; file.data = new DataView(FileAsUint8Array.buffer, FileAsUint8Array.byteOffset, FileAsUint8Array.byteLength); // 8 bits bytes file data array // ** read FILE HEADER if(file.readInt(4) !== 0x4D546864){ console.warn('Header validation failed (not MIDI standard or file corrupt.)'); return false; // Header validation failed (not MIDI standard or file corrupt.) } var headerSize = file.readInt(4); // header size (unused var), getted just for read pointer movement var MIDI = {}; // create new midi object MIDI.formatType = file.readInt(2); // get MIDI Format Type MIDI.tracks = file.readInt(2); // get ammount of track chunks MIDI.track = []; // create array key for track data storing var timeDivisionByte1 = file.readInt(1); // get Time Division first byte var timeDivisionByte2 = file.readInt(1); // get Time Division second byte if(timeDivisionByte1 >= 128){ // discover Time Division mode (fps or tpf) MIDI.timeDivision = []; MIDI.timeDivision[0] = timeDivisionByte1 - 128; // frames per second MODE (1st byte) MIDI.timeDivision[1] = timeDivisionByte2; // ticks in each frame (2nd byte) }else MIDI.timeDivision = (timeDivisionByte1 * 256) + timeDivisionByte2;// else... ticks per beat MODE (2 bytes value) // ** read TRACK CHUNK for(var t=1; t <= MIDI.tracks; t++){ MIDI.track[t-1] = {event: []}; // create new Track entry in Array var headerValidation = file.readInt(4); if ( headerValidation === -1 ) break; // EOF if(headerValidation !== 0x4D54726B) return false; // Track chunk header validation failed. file.readInt(4); // move pointer. get chunk size (bytes length) var e = 0; // init event counter var endOfTrack = false; // FLAG for track reading secuence breaking // ** read EVENT CHUNK var statusByte; var laststatusByte; while(!endOfTrack){ e++; // increase by 1 event counter MIDI.track[t-1].event[e-1] = {}; // create new event object, in events array MIDI.track[t-1].event[e-1].deltaTime = file.readIntVLV(); // get DELTA TIME OF MIDI event (Variable Length Value) statusByte = file.readInt(1); // read EVENT TYPE (STATUS BYTE) if(statusByte === -1) break; // EOF else if(statusByte >= 128) laststatusByte = statusByte; // NEW STATUS BYTE DETECTED else{ // 'RUNNING STATUS' situation detected statusByte = laststatusByte; // apply last loop, Status Byte file.movePointer(-1); // move back the pointer (cause readed byte is not status byte) } // ** Identify EVENT if(statusByte === 0xFF){ // Meta Event type MIDI.track[t-1].event[e-1].type = 0xFF; // assign metaEvent code to array MIDI.track[t-1].event[e-1].metaType = file.readInt(1); // assign metaEvent subtype var metaEventLength = file.readIntVLV(); // get the metaEvent length switch(MIDI.track[t-1].event[e-1].metaType){ case 0x2F: // end of track, has no data byte case -1: // EOF endOfTrack = true; // change FLAG to force track reading loop breaking break; case 0x01: // Text Event case 0x02: // Copyright Notice case 0x03: // Sequence/Track Name (documentation: http://www.ta7.de/txt/musik/musi0006.htm) case 0x06: // Marker MIDI.track[t-1].event[e-1].data = file.readStr(metaEventLength); break; case 0x21: // MIDI PORT case 0x59: // Key Signature case 0x51: // Set Tempo MIDI.track[t-1].event[e-1].data = file.readInt(metaEventLength); break; case 0x54: // SMPTE Offset case 0x58: // Time Signature MIDI.track[t-1].event[e-1].data = []; MIDI.track[t-1].event[e-1].data[0] = file.readInt(1); MIDI.track[t-1].event[e-1].data[1] = file.readInt(1); MIDI.track[t-1].event[e-1].data[2] = file.readInt(1); MIDI.track[t-1].event[e-1].data[3] = file.readInt(1); break; default : file.readInt(metaEventLength); MIDI.track[t-1].event[e-1].data = file.readInt(metaEventLength); if (this.debug) console.info('Unimplemented 0xFF event! data block readed as Integer'); } }else{ // MIDI Control Events OR System Exclusive Events statusByte = statusByte.toString(16).split(''); // split the status byte HEX representation, to obtain 4 bits values if(!statusByte[1]) statusByte.unshift('0'); // force 2 digits MIDI.track[t-1].event[e-1].type = parseInt(statusByte[0], 16);// first byte is EVENT TYPE ID MIDI.track[t-1].event[e-1].channel = parseInt(statusByte[1], 16);// second byte is channel switch(MIDI.track[t-1].event[e-1].type){ case 0xF: // System Exclusive Events var event_length = file.readIntVLV(); MIDI.track[t-1].event[e-1].data = file.readInt(event_length); if (this.debug) console.info('Unimplemented 0xF exclusive events! data block readed as Integer'); break; case 0xA: // Note Aftertouch case 0xB: // Controller case 0xE: // Pitch Bend Event case 0x8: // Note off case 0x9: // Note On MIDI.track[t-1].event[e-1].data = []; MIDI.track[t-1].event[e-1].data[0] = file.readInt(1); MIDI.track[t-1].event[e-1].data[1] = file.readInt(1); break; case 0xC: // Program Change case 0xD: // Channel Aftertouch MIDI.track[t-1].event[e-1].data = file.readInt(1); break; case -1: // EOF endOfTrack = true; // change FLAG to force track reading loop breaking break; default: console.warn('Unknown EVENT detected.... reading cancelled!'); return false; } } } } return MIDI; } }; if(typeof module !== 'undefined') module.exports = MIDIParser;