API tools faq
paste
Advertisement
okoda

ＰＪＳＭＰ v1.48 - Pure JavaScript Midi Player

okoda
Apr 7th, 2020
1,268
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 65.13 KB | None | 0 0
raw download clone embed print report
  1. // ==UserScript==
  2. // @name         ＰＪＳＭＰ - Pure JavaScript Midi Player
  3. // @version      1.48
  4. // @description  Play MIDI files in Multiplayer Piano
  5. // @author       ＮａＮ－ＮａＮ-ｓｅｎｐａｉ(BR)
  6. // @include      http://www.multiplayerpiano.com/*
  7. // ==/UserScript==
  8.  
  9.  
  10. /*
  11.             MIDI TO JSON https://tonejs.github.io/
  12.             MADE BY ToneJs: https://github.com/Tonejs
  13.             EDITED FOR MULTIPLEYR PIANO BY ＮａＮ－ＮａＮ-ｓｅｎｐａｉ(BR)
  14.  
  15.  
  16. NOTE
  17.     THE FILES TAKE A BIT OF TIME TO BO LOADED. SO BIGER FILES MAY TAKE LONGER TO BE LOADED.
  18.     GIGANTIC FILES, LIKE LONG SONGS AND BLACK MIDI, MAY FROZE THE SCREEN.
  19.  
  20. NOTE:
  21.     (FIXED BUT NOT 100%)
  22.     SOME FILES HAVE A DIFERENT TYPE OF NOTES THAT THIS SCRIPT CANT READ. THE SCRIPT WILL TRY TO TRANSLATE THEM AND WILL NOT PLAY.
  23.     (NO MORE NEED OF REFRESHING THE PAGE)
  24.  
  25.  
  26. 1.48 FETURES:
  27.     MORE INFORMATIONS: NEW NOTES INFORMATIONS IN THE UI (NOTES PER SECOND AND TOTAL NOTES PLAYED).
  28.     UIS AESTHETIC: MINNOR AESTHETIC FIXES.
  29.  
  30. 1.47 FETURES:
  31.     COLOR INPUT - THE COLOR INPUT DOESNT BEEING RED ANYMORE.
  32.     UI COLOR - NOW THE UI COLOR START BEEING THE SAME AS THE USER COLOR.
  33.     SONG DURATION - NOW THE SONG DURATION LAYOUT IS SETED TO HH:MM:SS.
  34.  
  35. 1.46 FETURES:
  36.     BUG FIXES - FIXED A LOT OF BUGS.
  37.     USER INTERFACE - NEW BETTER AND FULL WORKING UI.
  38.     FILE INFORMATIONS - YOU CAN SEE, IN THE UI, THE NAME, THE DURATION, THE AMOUNT OF TRACKS AND NOTES OF THE FILE.
  39.     PLAY, PAUSE AND STOP - YOU CAN PAUSE AND CONTINUE PLAYING AT THE SAME SPOT OF THE FILE, YOU CAN ALSO STOP THE SONG COMPLETELLY.
  40.     CUSTOMIZE - YOU CAN HIDE OR SHOW THE UI AND CHANGE IT'S COLOR.
  41.     CONTROLLERS - NOW THERES MANY DIFFERENT CONTROLS TO THE FILE => {
  42.         LOOP = LOOPS THE FILE AT IT'S END.
  43.         SUSTAIN = ENABLE OR DISABLE THE NOTES SUSTAIN.
  44.         (S) SPEED = CHANGE THE PLAYING SPEED. (WORKS ALSO WHILE THE SONG IS BEEING PLAYED)
  45.         (V) VOLUME = CHANGE THE NOTES PRESSING VELOCITY.
  46.         (M) MULTI NOTES = REPEAT THE PLAYED NOTES TO CREATE A LOUDER SOUND.
  47.         (O) MORE OCTAVES = REPEATE THE SAME NOTES AT DIFFERENT OCTAVES. (WORKS WITH MULTINOTES)
  48.         (T) TRANSPOSE = CHANGE THE ROOT PITCH OF THE SONG.
  49.         (P) PLAYING OCTAVE = CHANGE THE ROOT OCTAVE OF THE SONG.
  50.     }
  51.  
  52.  
  53. WORKING IN PROGRESS:
  54.     EXCLUDE DRUMS - IF THE TRANCK INSTRUMENT IS A DRUM THE SCRIPT DONT PLAY IT.
  55.     TRACK CONTROLLERS - CONTROL EACH TRACK SEPARATELY.
  56.     COMMANDS - CONTROL THE SCRIPT BY THE MPP CHAT.
  57.  
  58.  
  59.             FEEL FREE TO EDIT THIS CODE.
  60. */
  61.  
  62. var ver = "1.48"
  63.  
  64. function convertHex(hex,opacity){
  65.     if(hex.length == 4){
  66.         hex = hex[0] + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3];
  67.     }
  68.     hex = hex.replace('#','');
  69.     r = parseInt(hex.substring(0,2), 16);
  70.     g = parseInt(hex.substring(2,4), 16);
  71.     b = parseInt(hex.substring(4,6), 16);
  72.     return 'rgba('+r+','+g+','+b+','+.5+')';
  73. }
  74. var midiPlayerColorHex = MPP.client.getOwnParticipant().color;
  75. var midiPlayerColor = convertHex(midiPlayerColorHex);
  76.  
  77.  
  78. document.getElementById("social").style.zIndex = "1000";
  79.  
  80. document.getElementById("social").style.position = "absolute"
  81. document.getElementById("social").style.right = "250px"
  82. document.getElementById("social").style.top = "-20px"
  83. document.getElementById("social").innerHTML += `
  84. <div id="mydiv" class="midiPlayer" style="transition: opacity 1s, background 1s; border-radius: 5px 0px 5px 0px; position: fixed; z-index: 7; font-size: 10px; background: `+midiPlayerColor+`; backdrop-filter: blur(2px)">
  85.     <style>
  86.         #mydiv button:not(#closeAutoPlayer){
  87.             background: rgba(60, 60, 60, 0.7);
  88.             border: 1px solid rgba(20, 20, 20, 0.7);
  89.             padding: 5px;
  90.             cursor: pointer;
  91.             border-radius: 3px;
  92.             -webkit-border-radius: 3px;
  93.             -moz-border-radius: 3px;
  94.             color: white;
  95.             overflow: hidden;
  96.             white-space:nowrap;
  97.             outline: none;
  98.         }
  99.         #mydiv button:hover{
  100.             background: rgba(187, 204, 170, 0.35);
  101.         }
  102.         #mydiv button:stuck{
  103.             background: rgba(204, 187, 170, 0.35);
  104.         }        
  105.         .inputContainer{
  106.             background: rgba(0, 0, 0, .7);
  107.             float: left;
  108.             margin-right: 3px;
  109.             border: 1px solid black;
  110.         }
  111.         .inputContainer > button{
  112.             width: 100%;
  113.         }
  114.         .inputContainer2 > button{
  115.             width: 100%;
  116.         }
  117.         .midiPlayer input[type=file]{
  118.             opacity: 0;
  119.             width: 115px;
  120.             position: absolute;
  121.             height: 0px;
  122.             pointer-events: none;
  123.         }
  124.         .inputContainer input[type=range][orient=vertical]{
  125.             position: relative;
  126.             left: 9px;
  127.             writing-mode: bt-lr; /* IE */
  128.             -webkit-appearance: slider-vertical; /* WebKit */
  129.             width: 8px;
  130.             height: 70px;
  131.             padding: 0 5px;
  132.         }
  133.         .inputContainer input[type=number]{
  134.             width: 34px;
  135.         }
  136.         .inputContainer p{
  137.             text-align: center;
  138.         }
  139.         #Text2{
  140.             background: rgba(20, 20, 20, .7);
  141.             width: 323.5px;
  142.         }
  143.         #mydivheader{
  144.             position: absolute;
  145.             right: 0px;
  146.             cursor: move;
  147.         }
  148.         #mydivheader span{
  149.             cursor: pointer;
  150.             position: absolute;
  151.             opacity: 0;
  152.             transition: opacity .1s, background 1s;
  153.         }
  154.         #mydivheader button{
  155.             position: relative;
  156.             top: -2px;
  157.             cursor: pointer;
  158.             border-radius: 5px;
  159.             height: 100%;
  160.             width: 18px;
  161.             font-size: 11px;
  162.             text-align: center;
  163.             border: none;=
  164.             transition: opacity .1s;
  165.         }
  166.         #mydivheader:hover span{
  167.             opacity: 1;
  168.             position: relative;
  169.         }
  170.     </style>
  171.     <div id="mydivheader" style="transition: opacity 1s, background 1s; border-radius: 5px 5px 0px 0px; position: absolute; top: -18.1px; background: `+midiPlayerColor+`">
  172.         <p style="text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-size: 15px; margin-left: 3px; margin-right: 3px; position: relative;"
  173.         title="Pure JavaScript Midi Player">ＰＪＳＭＰ <span><button id="closeAutoPlayer" title="Hide/show midi player" style="background: rgba(255,0,0,.7); color: white;" onclick='
  174.            if(this.innerHTML == "X"){
  175.                this.innerHTML = "O"
  176.                this.style.background = "rgba(0,255,0,.7)"
  177.                document.getElementById("mydiv").style.background = "rgba(0,0,0,0)";
  178.                document.getElementById("mydiv").style.backdropFilter = "none";
  179.                document.getElementById("mydivheader").style.borderRadius = "5px"
  180.                document.getElementById("midiPlayerFade").style.opacity = "0";
  181.                document.getElementById("midiPlayerFade").style.pointerEvents = "none"
  182.            } else {
  183.                this.innerHTML = "X"
  184.                this.style.background = "rgba(255,0,0,.7)"
  185.                document.getElementById("mydiv").style.background = midiPlayerColor;
  186.                document.getElementById("mydiv").style.backdropFilter = "blur(2px)";
  187.                document.getElementById("mydivheader").style.borderRadius = "5px 5px 0px 0px"
  188.                document.getElementById("midiPlayerFade").style.opacity = "1";
  189.                document.getElementById("midiPlayerFade").style.pointerEvents = "auto"
  190.            }
  191.        '>X</button></span></p>
  192.     </div>
  193.     <div id="midiPlayerFade" style="opacity: 1;">
  194.         <div id="FileDrop">
  195.             <div title="No midi file loaded" class="MidiFileName" id="Text2" style="font-size: 13px; border-radius: 5px 0px 0px 0px;">
  196.                 <p id="Text" style="margin-left: 3px; margin-rigth: 3px;">No midi file loaded.</p>
  197.             </div>
  198.             <input id="autoPlayerFileDrop" type="file" accept="audio/midi">
  199.         </div>
  200.         <button style="margin-bottom: 3px" onclick="document.getElementById('autoPlayerFileDrop').click()">Choose midi file</button>
  201.         <br>
  202.         <button id="midiPPButton" class="forchange" onclick='
  203.            if(this.innerHTML == "Play"){
  204.                if(this.className == "forchange"){
  205.                    autoPlayer(midiJSONobject)
  206.                    this.className = "forchanged"
  207.                } else {
  208.                    autoPlayer(midiJSONobject, 1)
  209.                }
  210.                this.innerHTML = "Pause"
  211.            } else {
  212.                stopAutoPlay()
  213.                this.innerHTML = "Play"
  214.            }
  215.        '>Play</button>
  216.         <button id="midiSButton" onclick='
  217.            document.getElementById("midiPPButton").className = "forchange";
  218.            if(document.getElementById("midiPPButton").innerText == "Pause"){
  219.                document.getElementById("midiPPButton").click()
  220.            }
  221.            stopAutoPlay(1)
  222.        '>Stop</button>
  223.         <p style="margin-left: 3px;font-size: 10px; position: absolute;"><span id="setDuration"></span></p>
  224.         <input style="position: absolute; right: 0px; width: 23px; opacity: .9;" title="Change midi player color" type="color" value="`+midiPlayerColorHex+`" oninput='
  225.        midiPlayerColor = convertHex(this.value);
  226.        document.getElementById("mydiv").style.background = midiPlayerColor;
  227.        document.getElementById("midiPlayerColor").style.background = midiPlayerColor;
  228.        document.getElementById("mydivheader").style.background = midiPlayerColor;'>
  229.         <div id="Results" style="pointer-events: none; opacity: 0;">
  230.             <textarea style="height: 0px;" id="ResultsText"></textarea>
  231.         </div>
  232.         <div>
  233.             <div class="inputContainer">
  234.                 <input type="range" orient="vertical" value="0" min="-7" max="7" oninput="sendVal(this)">
  235.                 <br>
  236.                 <input type="number" value="0" oninput="sendVal(this)">
  237.                 <br>
  238.                 <button onclick="sendVal(this)">Fix</button>
  239.                 <p title="Playing Octave">P</p>
  240.             </div>
  241.             <div class="inputContainer">
  242.                 <input type="range" orient="vertical" value="0" min="-12" max="12" oninput="sendVal(this)">
  243.                 <br>
  244.                 <input type="number" value="0" oninput="sendVal(this)">
  245.                 <br>
  246.                 <button onclick="sendVal(this)">Fix</button>
  247.                 <p title="Transpose">T</p>
  248.             </div>
  249.             <div class="inputContainer">
  250.                 <input type="range" orient="vertical" value="0" min="-3" max="3" oninput="sendVal(this)">
  251.                 <br>
  252.                 <input type="number" value="0" oninput="sendVal(this)">
  253.                 <br>
  254.                 <button onclick="sendVal(this)">Fix</button>
  255.                 <p title="More Octaves">O</p>
  256.             </div>
  257.             <div class="inputContainer">
  258.                 <input type="range" orient="vertical" value="0" min="0" max="3" oninput="sendVal(this)">
  259.                 <br>
  260.                 <input type="number" value="0" oninput="sendVal(this)">
  261.                 <br>
  262.                 <button onclick="sendVal(this)">Fix</button>
  263.                 <p title="Multi Notes">M</p>
  264.             </div>
  265.             <div class="inputContainer">
  266.                 <input type="range" orient="vertical" value=".5" step=".1" min="-2" max="4" oninput="sendVal(this)">
  267.                 <br>
  268.                 <input type="number" value=".5" step=".1" oninput="sendVal(this)">
  269.                 <br>
  270.                 <button onclick="sendVal(this)">Fix</button>
  271.                 <p title="Volume">V</p>
  272.             </div>
  273.             <div class="inputContainer">
  274.                 <input type="range" orient="vertical" value="1" step=".1" min=".2" max="4" oninput="sendVal(this)">
  275.                 <br>
  276.                 <input type="number" value="1" step=".1" min=".1" oninput="sendVal(this)">
  277.                 <br>
  278.                 <button onclick="sendVal(this)">Fix</button>
  279.                 <p title="Speed">S</p>
  280.             </div>
  281.             <div class="inputContainer">
  282.                 <div class="inputContainer2">
  283.                     <button onclick="sendValSwitcher(this)">Loop</button>
  284.                     <p id="autoPlayerLoop">Off</p>
  285.                 </div>
  286.                 <div class="inputContainer2">
  287.                     <button onclick="sendValSwitcher(this)">Sustain</button>
  288.                     <p>Off</p>
  289.                 </div>
  290.             </div>
  291.             <div style="position: absolute; right: 5px; bottom: 0px; width: 55px;" class="inputContainer">
  292.                 <div style="border-bottom: 1px solid black;" class="inputContainer2">
  293.                     <p title="Multiplier of notes being taken from the notequota.\nEnable sustain for less waste.">x<span id="noteWaste">2</span></p>
  294.                 </div>
  295.                 <div style="border-bottom: 1px solid black;" class="inputContainer2">
  296.                     <p title="Notes per second."><span id="notesPerSec">0</span></p>
  297.                 </div>
  298.                 <div class="inputContainer2">
  299.                     <p title="placeholder"><span id="notesTotal">0</span></p>
  300.                 </div>
  301.             </div>
  302.         </div>
  303.         <br>
  304.         <div id="midiPlayerColor" style="transition: 1s; border-radius: 0px 0px 5px 5px;position: absolute; bottom: -15px; background: `+midiPlayerColor+`; height: 15px;">
  305.             <p style="text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-size: 8px; margin-left: 3px; margin-right: 3px; position: relative; bottom: -1px;" title="Version: `+ver+`">MADE BY: ☕ＮａＮ－ＮａＮ-ｓｅｎｐａｉ(BR)</p>
  306.         </div>
  307.     </div>
  308. </div>`
  309.  
  310.  
  311. var scriptContent = `
  312. var midiJSONobject;
  313.  
  314. !function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var r=e();for(var n in r)("object"==typeof exports?exports:t)[n]=r[n]}}("undefined"!=typeof self?self:this,function(){return function(t){var e={};function r(n){if(e[n])return e[n].exports;var i=e[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(n,i,function(e){return t[e]}.bind(null,i));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=4)}([function(t,e,r){e.parseMidi=r(5),e.writeMidi=r(6)},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=r(2),i=new WeakMap;e.keySignatureKeys=["Cb","Gb","Db","Ab","Eb","Bb","F","C","G","D","A","E","B","F#","C#"];var a=function(){function t(t){var r=this;this.tempos=[],this.timeSignatures=[],this.keySignatures=[],this.meta=[],this.name="",i.set(this,480),t&&(i.set(this,t.header.ticksPerBeat),t.tracks[0].forEach(function(t){t.meta&&("timeSignature"===t.type?r.timeSignatures.push({ticks:t.absoluteTime,timeSignature:[t.numerator,t.denominator]}):"setTempo"===t.type?r.tempos.push({bpm:6e7/t.microsecondsPerBeat,ticks:t.absoluteTime}):"keySignature"===t.type?r.keySignatures.push({key:e.keySignatureKeys[t.key+7],scale:0===t.scale?"major":"minor",ticks:t.absoluteTime}):"trackName"===t.type?r.name=t.text:"endOfTrack"!==t.type&&r.meta.push({text:t.text,ticks:t.absoluteTime,type:t.type}))}),this.update())}return t.prototype.update=function(){var t=this,e=0,r=0;this.tempos.sort(function(t,e){return t.ticks-e.ticks}),this.tempos.forEach(function(n,i){var a=i>0?t.tempos[i-1].bpm:t.tempos[0].bpm,o=n.ticks/t.ppq-r,s=60/a*o;n.time=s+e,e=n.time,r+=o}),this.timeSignatures.sort(function(t,e){return t.ticks-e.ticks}),this.timeSignatures.forEach(function(e,r){var n=r>0?t.timeSignatures[r-1]:t.timeSignatures[0],i=(e.ticks-n.ticks)/t.ppq/n.timeSignature[0]/(n.timeSignature[1]/4);n.measures=n.measures||0,e.measures=i+n.measures})},t.prototype.ticksToSeconds=function(t){var e=n.search(this.tempos,t);if(-1!==e){var r=this.tempos[e],i=r.time,a=(t-r.ticks)/this.ppq;return i+60/r.bpm*a}return.5*(t/this.ppq)},t.prototype.ticksToMeasures=function(t){var e=n.search(this.timeSignatures,t);if(-1!==e){var r=this.timeSignatures[e],i=(t-r.ticks)/this.ppq;return r.measures+i/(r.timeSignature[0]/r.timeSignature[1])/4}return t/this.ppq/4},Object.defineProperty(t.prototype,"ppq",{get:function(){return i.get(this)},enumerable:!0,configurable:!0}),t.prototype.secondsToTicks=function(t){var e=n.search(this.tempos,t,"time");if(-1!==e){var r=this.tempos[e],i=(t-r.time)/(60/r.bpm);return Math.round(r.ticks+i*this.ppq)}var a=t/.5;return Math.round(a*this.ppq)},t.prototype.toJSON=function(){return{keySignatures:this.keySignatures,meta:this.meta,name:this.name,ppq:this.ppq,tempos:this.tempos.map(function(t){return{bpm:t.bpm,ticks:t.ticks}}),timeSignatures:this.timeSignatures}},t.prototype.fromJSON=function(t){this.name=t.name,this.tempos=t.tempos.map(function(t){return Object.assign({},t)}),this.timeSignatures=t.timeSignatures.map(function(t){return Object.assign({},t)}),this.keySignatures=t.keySignatures.map(function(t){return Object.assign({},t)}),this.meta=t.meta.map(function(t){return Object.assign({},t)}),i.set(this,t.ppq),this.update()},t.prototype.setTempo=function(t){this.tempos=[{bpm:t,ticks:0}],this.update()},t}();e.Header=a},function(t,e,r){"use strict";function n(t,e,r){void 0===r&&(r="ticks");var n=0,i=t.length,a=i;if(i>0&&t[i-1][r]<=e)return i-1;for(;n<a;){var o=Math.floor(n+(a-n)/2),s=t[o],u=t[o+1];if(s[r]===e){for(var c=o;c<t.length;c++){t[c][r]===e&&(o=c)}return o}if(s[r]<e&&u[r]>e)return o;s[r]>e?a=o:s[r]<e&&(n=o+1)}return-1}Object.defineProperty(e,"__esModule",{value:!0}),e.search=n,e.insert=function(t,e,r){if(void 0===r&&(r="ticks"),t.length){var i=n(t,e[r],r);t.splice(i+1,0,e)}else t.push(e)}},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.controlChangeNames={1:"modulationWheel",2:"breath",4:"footController",5:"portamentoTime",7:"volume",8:"balance",10:"pan",64:"sustain",65:"portamentoTime",66:"sostenuto",67:"softPedal",68:"legatoFootswitch",84:"portamentoControl"},e.controlChangeIds=Object.keys(e.controlChangeNames).reduce(function(t,r){return t[e.controlChangeNames[r]]=r,t},{});var n=new WeakMap,i=new WeakMap,a=function(){function t(t,e){n.set(this,e),i.set(this,t.controllerType),this.ticks=t.absoluteTime,this.value=t.value}return Object.defineProperty(t.prototype,"number",{get:function(){return i.get(this)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"name",{get:function(){return e.controlChangeNames[this.number]?e.controlChangeNames[this.number]:null},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"time",{get:function(){return n.get(this).ticksToSeconds(this.ticks)},set:function(t){var e=n.get(this);this.ticks=e.secondsToTicks(t)},enumerable:!0,configurable:!0}),t.prototype.toJSON=function(){return{number:this.number,ticks:this.ticks,time:this.time,value:this.value}},t}();e.ControlChange=a},function(t,e,r){"use strict";var n=this&&this.__awaiter||function(t,e,r,n){return new(r||(r=Promise))(function(i,a){function o(t){try{u(n.next(t))}catch(t){a(t)}}function s(t){try{u(n.throw(t))}catch(t){a(t)}}function u(t){var e;t.done?i(t.value):(e=t.value,e instanceof r?e:new r(function(t){t(e)})).then(o,s)}u((n=n.apply(t,e||[])).next())})},i=this&&this.__generator||function(t,e){var r,n,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(a){return function(s){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;o;)try{if(r=1,n&&(i=2&a[0]?n.return:a[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;switch(n=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,n=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=(i=o.trys).length>0&&i[i.length-1])&&(6===a[0]||2===a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(t,o)}catch(t){a=[6,t],n=0}finally{r=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,s])}}};Object.defineProperty(e,"__esModule",{value:!0});var a=r(0),o=r(7),s=r(1),u=r(9),c=function(){function t(t){var e=this,r=null;t&&(t instanceof ArrayBuffer&&(t=new Uint8Array(t)),(r=a.parseMidi(t)).tracks.forEach(function(t){var e=0;t.forEach(function(t){e+=t.deltaTime,t.absoluteTime=e})})),this.header=new s.Header(r),this.tracks=[],t&&(this.tracks=r.tracks.map(function(t){return new u.Track(t,e.header)}),1===r.header.format&&0===this.tracks[0].duration&&this.tracks.shift())}return t.fromUrl=function(e){return n(this,void 0,void 0,function(){var r;return i(this,function(n){switch(n.label){case 0:return[4,fetch(e)];case 1:return(r=n.sent()).ok?[4,r.arrayBuffer()]:[3,3];case 2:return[2,new t(n.sent())];case 3:throw new Error("could not load "+e)}})})},Object.defineProperty(t.prototype,"name",{get:function(){return this.header.name},set:function(t){this.header.name=t},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"duration",{get:function(){var t=this.tracks.map(function(t){return t.duration});return Math.max.apply(Math,t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"durationTicks",{get:function(){var t=this.tracks.map(function(t){return t.durationTicks});return Math.max.apply(Math,t)},enumerable:!0,configurable:!0}),t.prototype.addTrack=function(){var t=new u.Track(void 0,this.header);return this.tracks.push(t),t},t.prototype.toArray=function(){return o.encode(this)},t.prototype.toJSON=function(){return{header:this.header.toJSON(),tracks:this.tracks.map(function(t){return t.toJSON()})}},t.prototype.fromJSON=function(t){var e=this;this.header=new s.Header,this.header.fromJSON(t.header),this.tracks=t.tracks.map(function(t){var r=new u.Track(void 0,e.header);return r.fromJSON(t),r})},t.prototype.clone=function(){var e=new t;return e.fromJSON(this.toJSON()),e},t}();e.Midi=c},function(t,e){function r(t){for(var e,r=new n(t),i=[];!r.eof();){var a=o();i.push(a)}return i;function o(){var t={};t.deltaTime=r.readVarInt();var n=r.readUInt8();if(240==(240&n)){if(255!==n){if(240==n){t.type="sysEx";a=r.readVarInt();return t.data=r.readBytes(a),t}if(247==n){t.type="endSysEx";a=r.readVarInt();return t.data=r.readBytes(a),t}throw"Unrecognised MIDI event type byte: "+n}t.meta=!0;var i=r.readUInt8(),a=r.readVarInt();switch(i){case 0:if(t.type="sequenceNumber",2!==a)throw"Expected length for sequenceNumber event is 2, got "+a;return t.number=stream.readUInt16(),t;case 1:return t.type="text",t.text=r.readString(a),t;case 2:return t.type="copyrightNotice",t.text=r.readString(a),t;case 3:return t.type="trackName",t.text=r.readString(a),t;case 4:return t.type="instrumentName",t.text=r.readString(a),t;case 5:return t.type="lyrics",t.text=r.readString(a),t;case 6:return t.type="marker",t.text=r.readString(a),t;case 7:return t.type="cuePoint",t.text=r.readString(a),t;case 32:if(t.type="channelPrefix",1!=a)throw"Expected length for channelPrefix event is 1, got "+a;return t.channel=r.readUInt8(),t;case 33:if(t.type="portPrefix",1!=a)throw"Expected length for portPrefix event is 1, got "+a;return t.port=r.readUInt8(),t;case 47:if(t.type="endOfTrack",0!=a)throw"Expected length for endOfTrack event is 0, got "+a;return t;case 81:if(t.type="setTempo",3!=a)throw"Expected length for setTempo event is 3, got "+a;return t.microsecondsPerBeat=r.readUInt24(),t;case 84:if(t.type="smpteOffset",5!=a)throw"Expected length for smpteOffset event is 5, got "+a;var o=r.readUInt8();return t.frameRate={0:24,32:25,64:29,96:30}[96&o],t.hour=31&o,t.min=r.readUInt8(),t.sec=r.readUInt8(),t.frame=r.readUInt8(),t.subFrame=r.readUInt8(),t;case 88:if(t.type="timeSignature",4!=a)throw"Expected length for timeSignature event is 4, got "+a;return t.numerator=r.readUInt8(),t.denominator=1<<r.readUInt8(),t.metronome=r.readUInt8(),t.thirtyseconds=r.readUInt8(),t;case 89:if(t.type="keySignature",2!=a)throw"Expected length for keySignature event is 2, got "+a;return t.key=r.readInt8(),t.scale=r.readUInt8(),t;case 127:return t.type="sequencerSpecific",t.data=r.readBytes(a),t;default:return t.type="unknownMeta",t.data=r.readBytes(a),t.metatypeByte=i,t}}else{var s;if(0==(128&n)){if(null===e)throw"Running status byte encountered before status byte";s=n,n=e,t.running=!0}else s=r.readUInt8(),e=n;var u=n>>4;switch(t.channel=15&n,u){case 8:return t.type="noteOff",t.noteNumber=s,t.velocity=r.readUInt8(),t;case 9:var c=r.readUInt8();return t.type=0===c?"noteOff":"noteOn",t.noteNumber=s,t.velocity=c,0===c&&(t.byte9=!0),t;case 10:return t.type="noteAftertouch",t.noteNumber=s,t.amount=r.readUInt8(),t;case 11:return t.type="controller",t.controllerType=s,t.value=r.readUInt8(),t;case 12:return t.type="programChange",t.programNumber=s,t;case 13:return t.type="channelAftertouch",t.amount=s,t;case 14:return t.type="pitchBend",t.value=s+(r.readUInt8()<<7)-8192,t;default:throw"Unrecognised MIDI event type: "+u}}}}function n(t){this.buffer=t,this.bufferLen=this.buffer.length,this.pos=0}n.prototype.eof=function(){return this.pos>=this.bufferLen},n.prototype.readUInt8=function(){var t=this.buffer[this.pos];return this.pos+=1,t},n.prototype.readInt8=function(){var t=this.readUInt8();return 128&t?t-256:t},n.prototype.readUInt16=function(){return(this.readUInt8()<<8)+this.readUInt8()},n.prototype.readInt16=function(){var t=this.readUInt16();return 32768&t?t-65536:t},n.prototype.readUInt24=function(){return(this.readUInt8()<<16)+(this.readUInt8()<<8)+this.readUInt8()},n.prototype.readInt24=function(){var t=this.readUInt24();return 8388608&t?t-16777216:t},n.prototype.readUInt32=function(){return(this.readUInt8()<<24)+(this.readUInt8()<<16)+(this.readUInt8()<<8)+this.readUInt8()},n.prototype.readBytes=function(t){var e=this.buffer.slice(this.pos,this.pos+t);return this.pos+=t,e},n.prototype.readString=function(t){var e=this.readBytes(t);return String.fromCharCode.apply(null,e)},n.prototype.readVarInt=function(){for(var t=0;!this.eof();){var e=this.readUInt8();if(!(128&e))return t+e;t+=127&e,t<<=7}return t},n.prototype.readChunk=function(){var t=this.readString(4),e=this.readUInt32();return{id:t,length:e,data:this.readBytes(e)}},t.exports=function(t){var e=new n(t),i=e.readChunk();if("MThd"!=i.id)throw"Bad MIDI file.  Expected 'MHdr', got: '"+i.id+"'";for(var a=function(t){var e=new n(t),r=e.readUInt16(),i=e.readUInt16(),a={format:r,numTracks:i},o=e.readUInt16();return 32768&o?(a.framesPerSecond=256-(o>>8),a.ticksPerFrame=255&o):a.ticksPerBeat=o,a}(i.data),o=[],s=0;!e.eof()&&s<a.numTracks;s++){var u=e.readChunk();if("MTrk"!=u.id)throw"Bad MIDI file.  Expected 'MTrk', got: '"+u.id+"'";var c=r(u.data);o.push(c)}return{header:a,tracks:o}}},function(t,e){function r(t,e,r){var a,o=new i,s=e.length,u=null;for(a=0;a<s;a++)!1!==r.running&&(r.running||e[a].running)||(u=null),u=n(o,e[a],u,r.useByte9ForNoteOff);t.writeChunk("MTrk",o.buffer)}function n(t,e,r,n){var i=e.type,a=e.deltaTime,o=e.text||"",s=e.data||[],u=null;switch(t.writeVarInt(a),i){case"sequenceNumber":t.writeUInt8(255),t.writeUInt8(0),t.writeVarInt(2),t.writeUInt16(e.number);break;case"text":t.writeUInt8(255),t.writeUInt8(1),t.writeVarInt(o.length),t.writeString(o);break;case"copyrightNotice":t.writeUInt8(255),t.writeUInt8(2),t.writeVarInt(o.length),t.writeString(o);break;case"trackName":t.writeUInt8(255),t.writeUInt8(3),t.writeVarInt(o.length),t.writeString(o);break;case"instrumentName":t.writeUInt8(255),t.writeUInt8(4),t.writeVarInt(o.length),t.writeString(o);break;case"lyrics":t.writeUInt8(255),t.writeUInt8(5),t.writeVarInt(o.length),t.writeString(o);break;case"marker":t.writeUInt8(255),t.writeUInt8(6),t.writeVarInt(o.length),t.writeString(o);break;case"cuePoint":t.writeUInt8(255),t.writeUInt8(7),t.writeVarInt(o.length),t.writeString(o);break;case"channelPrefix":t.writeUInt8(255),t.writeUInt8(32),t.writeVarInt(1),t.writeUInt8(e.channel);break;case"portPrefix":t.writeUInt8(255),t.writeUInt8(33),t.writeVarInt(1),t.writeUInt8(e.port);break;case"endOfTrack":t.writeUInt8(255),t.writeUInt8(47),t.writeVarInt(0);break;case"setTempo":t.writeUInt8(255),t.writeUInt8(81),t.writeVarInt(3),t.writeUInt24(e.microsecondsPerBeat);break;case"smpteOffset":t.writeUInt8(255),t.writeUInt8(84),t.writeVarInt(5);var c=31&e.hour|{24:0,25:32,29:64,30:96}[e.frameRate];t.writeUInt8(c),t.writeUInt8(e.min),t.writeUInt8(e.sec),t.writeUInt8(e.frame),t.writeUInt8(e.subFrame);break;case"timeSignature":t.writeUInt8(255),t.writeUInt8(88),t.writeVarInt(4),t.writeUInt8(e.numerator);var h=255&Math.floor(Math.log(e.denominator)/Math.LN2);t.writeUInt8(h),t.writeUInt8(e.metronome),t.writeUInt8(e.thirtyseconds||8);break;case"keySignature":t.writeUInt8(255),t.writeUInt8(89),t.writeVarInt(2),t.writeInt8(e.key),t.writeUInt8(e.scale);break;case"sequencerSpecific":t.writeUInt8(255),t.writeUInt8(127),t.writeVarInt(s.length),t.writeBytes(s);break;case"unknownMeta":null!=e.metatypeByte&&(t.writeUInt8(255),t.writeUInt8(e.metatypeByte),t.writeVarInt(s.length),t.writeBytes(s));break;case"sysEx":t.writeUInt8(240),t.writeVarInt(s.length),t.writeBytes(s);break;case"endSysEx":t.writeUInt8(247),t.writeVarInt(s.length),t.writeBytes(s);break;case"noteOff":(u=(!1!==n&&e.byte9||n&&0==e.velocity?144:128)|e.channel)!==r&&t.writeUInt8(u),t.writeUInt8(e.noteNumber),t.writeUInt8(e.velocity);break;case"noteOn":(u=144|e.channel)!==r&&t.writeUInt8(u),t.writeUInt8(e.noteNumber),t.writeUInt8(e.velocity);break;case"noteAftertouch":(u=160|e.channel)!==r&&t.writeUInt8(u),t.writeUInt8(e.noteNumber),t.writeUInt8(e.amount);break;case"controller":(u=176|e.channel)!==r&&t.writeUInt8(u),t.writeUInt8(e.controllerType),t.writeUInt8(e.value);break;case"programChange":(u=192|e.channel)!==r&&t.writeUInt8(u),t.writeUInt8(e.programNumber);break;case"channelAftertouch":(u=208|e.channel)!==r&&t.writeUInt8(u),t.writeUInt8(e.amount);break;case"pitchBend":(u=224|e.channel)!==r&&t.writeUInt8(u);var f=8192+e.value,p=127&f,l=f>>7&127;t.writeUInt8(p),t.writeUInt8(l);break;default:throw"Unrecognized event type: "+i}return u}function i(){this.buffer=[]}i.prototype.writeUInt8=function(t){this.buffer.push(255&t)},i.prototype.writeInt8=i.prototype.writeUInt8,i.prototype.writeUInt16=function(t){var e=t>>8&255,r=255&t;this.writeUInt8(e),this.writeUInt8(r)},i.prototype.writeInt16=i.prototype.writeUInt16,i.prototype.writeUInt24=function(t){var e=t>>16&255,r=t>>8&255,n=255&t;this.writeUInt8(e),this.writeUInt8(r),this.writeUInt8(n)},i.prototype.writeInt24=i.prototype.writeUInt24,i.prototype.writeUInt32=function(t){var e=t>>24&255,r=t>>16&255,n=t>>8&255,i=255&t;this.writeUInt8(e),this.writeUInt8(r),this.writeUInt8(n),this.writeUInt8(i)},i.prototype.writeInt32=i.prototype.writeUInt32,i.prototype.writeBytes=function(t){this.buffer=this.buffer.concat(Array.prototype.slice.call(t,0))},i.prototype.writeString=function(t){var e,r=t.length,n=[];for(e=0;e<r;e++)n.push(t.codePointAt(e));this.writeBytes(n)},i.prototype.writeVarInt=function(t){if(t<0)throw"Cannot write negative variable-length integer";if(t<=127)this.writeUInt8(t);else{var e=t,r=[];for(r.push(127&e),e>>=7;e;){var n=127&e|128;r.push(n),e>>=7}this.writeBytes(r.reverse())}},i.prototype.writeChunk=function(t,e){this.writeString(t),this.writeUInt32(e.length),this.writeBytes(e)},t.exports=function(t,e){if("object"!=typeof t)throw"Invalid MIDI data";e=e||{};var n,a=t.header||{},o=t.tracks||[],s=o.length,u=new i;for(function(t,e,r){var n=null==e.format?1:e.format,a=128;e.timeDivision?a=e.timeDivision:e.ticksPerFrame&&e.framesPerSecond?a=-(255&e.framesPerSecond)<<8|255&ticksPerFrame:e.ticksPerBeat&&(a=32767&e.ticksPerBeat);var o=new i;o.writeUInt16(n),o.writeUInt16(r),o.writeUInt16(a),t.writeChunk("MThd",o.buffer)}(u,a,s),n=0;n<s;n++)r(u,o[n],e);return u.buffer}},function(t,e,r){"use strict";var n=this&&this.__spreadArrays||function(){for(var t=0,e=0,r=arguments.length;e<r;e++)t+=arguments[e].length;var n=Array(t),i=0;for(e=0;e<r;e++)for(var a=arguments[e],o=0,s=a.length;o<s;o++,i++)n[i]=a[o];return n},i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0});var a=r(0),o=r(1),s=i(r(8));function u(t){return s.default(t.notes.map(function(e){return function(t,e){return[{absoluteTime:t.ticks,channel:e,deltaTime:0,noteNumber:t.midi,type:"noteOn",velocity:Math.floor(127*t.velocity)},{absoluteTime:t.ticks+t.durationTicks,channel:e,deltaTime:0,noteNumber:t.midi,type:"noteOff",velocity:Math.floor(127*t.noteOffVelocity)}]}(e,t.channel)}))}function c(t,e){return{absoluteTime:t.ticks,channel:e,controllerType:t.number,deltaTime:0,type:"controller",value:t.value}}function h(t){return{absoluteTime:0,channel:t.channel,deltaTime:0,programNumber:t.instrument.number,type:"programChange"}}e.encode=function(t){var e={header:{format:1,numTracks:t.tracks.length+1,ticksPerBeat:t.header.ppq},tracks:n([n([{absoluteTime:0,deltaTime:0,meta:!0,text:t.header.name,type:"trackName"}],t.header.keySignatures.map(function(t){return function(t){var e=o.keySignatureKeys.indexOf(t.key);return{absoluteTime:t.ticks,deltaTime:0,key:e+7,meta:!0,scale:"major"===t.scale?0:1,type:"keySignature"}}(t)}),t.header.meta.map(function(t){return{absoluteTime:(e=t).ticks,deltaTime:0,meta:!0,text:e.text,type:e.type};var e}),t.header.tempos.map(function(t){return function(t){return{absoluteTime:t.ticks,deltaTime:0,meta:!0,microsecondsPerBeat:Math.floor(6e7/t.bpm),type:"setTempo"}}(t)}),t.header.timeSignatures.map(function(t){return function(t){return{absoluteTime:t.ticks,deltaTime:0,denominator:t.timeSignature[1],meta:!0,metronome:24,numerator:t.timeSignature[0],thirtyseconds:8,type:"timeSignature"}}(t)}))],t.tracks.map(function(t){return n([(e=t.name,{absoluteTime:0,deltaTime:0,meta:!0,text:e,type:"trackName"}),h(t)],u(t),function(t){for(var e=[],r=0;r<127;r++)t.controlChanges.hasOwnProperty(r)&&t.controlChanges[r].forEach(function(r){e.push(c(r,t.channel))});return e}(t),function(t){var e=[];return t.pitchBends.forEach(function(r){e.push(function(t,e){return{absoluteTime:t.ticks,channel:e,deltaTime:0,type:"pitchBend",value:t.value}}(r,t.channel))}),e}(t));var e}))};return e.tracks=e.tracks.map(function(t){t=t.sort(function(t,e){return t.absoluteTime-e.absoluteTime});var e=0;return t.forEach(function(t){t.deltaTime=t.absoluteTime-e,e=t.absoluteTime,delete t.absoluteTime}),t.push({deltaTime:0,meta:!0,type:"endOfTrack"}),t}),new Uint8Array(a.writeMidi(e))}},function(t,e,r){"use strict";function n(t){return function t(e,r){for(var n=0;n<e.length;n++){var i=e[n];Array.isArray(i)?t(i,r):r.push(i)}return r}(t,[])}function i(t,e){if("number"!=typeof e)throw new TypeError("Expected the depth to be a number");return function t(e,r,n){n--;for(var i=0;i<e.length;i++){var a=e[i];n>-1&&Array.isArray(a)?t(a,r,n):r.push(a)}return r}(t,[],e)}t.exports=function(t){if(!Array.isArray(t))throw new TypeError("Expected value to be an array");return n(t)},t.exports.from=n,t.exports.depth=function(t,e){if(!Array.isArray(t))throw new TypeError("Expected value to be an array");return i(t,e)},t.exports.fromDepth=i},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=r(2),i=r(3),a=r(10),o=r(11),s=r(12),u=r(14),c=new WeakMap,h=function(){function t(t,e){var r=this;if(this.name="",this.notes=[],this.controlChanges=a.createControlChanges(),this.pitchBends=[],c.set(this,e),t){var n=t.find(function(t){return"trackName"===t.type});this.name=n?n.text:""}if(this.instrument=new s.Instrument(t,this),this.channel=0,t){for(var i=t.filter(function(t){return"noteOn"===t.type}),o=t.filter(function(t){return"noteOff"===t.type}),u=function(){var t=i.shift();h.channel=t.channel;var e=o.findIndex(function(e){return e.noteNumber===t.noteNumber&&e.absoluteTime>=t.absoluteTime});if(-1!==e){var r=o.splice(e,1)[0];h.addNote({durationTicks:r.absoluteTime-t.absoluteTime,midi:t.noteNumber,noteOffVelocity:r.velocity/127,ticks:t.absoluteTime,velocity:t.velocity/127})}},h=this;i.length;)u();t.filter(function(t){return"controller"===t.type}).forEach(function(t){r.addCC({number:t.controllerType,ticks:t.absoluteTime,value:t.value/127})}),t.filter(function(t){return"pitchBend"===t.type}).forEach(function(t){r.addPitchBend({ticks:t.absoluteTime,value:t.value/Math.pow(2,13)})})}}return t.prototype.addNote=function(t){var e=c.get(this),r=new u.Note({midi:0,ticks:0,velocity:1},{ticks:0,velocity:0},e);return Object.assign(r,t),n.insert(this.notes,r,"ticks"),this},t.prototype.addCC=function(t){var e=c.get(this),r=new i.ControlChange({controllerType:t.number},e);return delete t.number,Object.assign(r,t),Array.isArray(this.controlChanges[r.number])||(this.controlChanges[r.number]=[]),n.insert(this.controlChanges[r.number],r,"ticks"),this},t.prototype.addPitchBend=function(t){var e=c.get(this),r=new o.PitchBend({},e);return Object.assign(r,t),n.insert(this.pitchBends,r,"ticks"),this},Object.defineProperty(t.prototype,"duration",{get:function(){var t=this.notes[this.notes.length-1];return t?t.time+t.duration:0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"durationTicks",{get:function(){var t=this.notes[this.notes.length-1];return t?t.ticks+t.durationTicks:0},enumerable:!0,configurable:!0}),t.prototype.fromJSON=function(t){var e=this;for(var r in this.name=t.name,this.channel=t.channel,this.instrument=new s.Instrument(void 0,this),this.instrument.fromJSON(t.instrument),t.controlChanges)t.controlChanges[r]&&t.controlChanges[r].forEach(function(t){e.addCC({number:t.number,ticks:t.ticks,value:t.value})});t.notes.forEach(function(t){e.addNote({durationTicks:t.durationTicks,midi:t.midi,ticks:t.ticks,velocity:t.velocity})})},t.prototype.toJSON=function(){for(var t={},e=0;e<127;e++)this.controlChanges.hasOwnProperty(e)&&(t[e]=this.controlChanges[e].map(function(t){return t.toJSON()}));return{channel:this.channel,controlChanges:t,pitchBends:this.pitchBends.map(function(t){return t.toJSON()}),instrument:this.instrument.toJSON(),name:this.name,notes:this.notes.map(function(t){return t.toJSON()})}},t}();e.Track=h},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=r(3);e.createControlChanges=function(){return new Proxy({},{get:function(t,e){return t[e]?t[e]:n.controlChangeIds.hasOwnProperty(e)?t[n.controlChangeIds[e]]:void 0},set:function(t,e,r){return n.controlChangeIds.hasOwnProperty(e)?t[n.controlChangeIds[e]]=r:t[e]=r,!0}})}},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=new WeakMap,i=function(){function t(t,e){n.set(this,e),this.ticks=t.absoluteTime,this.value=t.value}return Object.defineProperty(t.prototype,"time",{get:function(){return n.get(this).ticksToSeconds(this.ticks)},set:function(t){var e=n.get(this);this.ticks=e.secondsToTicks(t)},enumerable:!0,configurable:!0}),t.prototype.toJSON=function(){return{ticks:this.ticks,time:this.time,value:this.value}},t}();e.PitchBend=i},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=r(13),i=new WeakMap,a=function(){function t(t,e){if(this.number=0,i.set(this,e),this.number=0,t){var r=t.find(function(t){return"programChange"===t.type});r&&(this.number=r.programNumber)}}return Object.defineProperty(t.prototype,"name",{get:function(){return this.percussion?n.DrumKitByPatchID[this.number]:n.instrumentByPatchID[this.number]},set:function(t){var e=n.instrumentByPatchID.indexOf(t);-1!==e&&(this.number=e)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"family",{get:function(){return this.percussion?"drums":n.InstrumentFamilyByID[Math.floor(this.number/8)]},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"percussion",{get:function(){return 9===i.get(this).channel},enumerable:!0,configurable:!0}),t.prototype.toJSON=function(){return{family:this.family,name:this.name,number:this.number}},t.prototype.fromJSON=function(t){this.number=t.number},t}();e.Instrument=a},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.instrumentByPatchID=["acoustic grand piano","bright acoustic piano","electric grand piano","honky-tonk piano","electric piano 1","electric piano 2","harpsichord","clavi","celesta","glockenspiel","music box","vibraphone","marimba","xylophone","tubular bells","dulcimer","drawbar organ","percussive organ","rock organ","church organ","reed organ","accordion","harmonica","tango accordion","acoustic guitar (nylon)","acoustic guitar (steel)","electric guitar (jazz)","electric guitar (clean)","electric guitar (muted)","overdriven guitar","distortion guitar","guitar harmonics","acoustic bass","electric bass (finger)","electric bass (pick)","fretless bass","slap bass 1","slap bass 2","synth bass 1","synth bass 2","violin","viola","cello","contrabass","tremolo strings","pizzicato strings","orchestral harp","timpani","string ensemble 1","string ensemble 2","synthstrings 1","synthstrings 2","choir aahs","voice oohs","synth voice","orchestra hit","trumpet","trombone","tuba","muted trumpet","french horn","brass section","synthbrass 1","synthbrass 2","soprano sax","alto sax","tenor sax","baritone sax","oboe","english horn","bassoon","clarinet","piccolo","flute","recorder","pan flute","blown bottle","shakuhachi","whistle","ocarina","lead 1 (square)","lead 2 (sawtooth)","lead 3 (calliope)","lead 4 (chiff)","lead 5 (charang)","lead 6 (voice)","lead 7 (fifths)","lead 8 (bass + lead)","pad 1 (new age)","pad 2 (warm)","pad 3 (polysynth)","pad 4 (choir)","pad 5 (bowed)","pad 6 (metallic)","pad 7 (halo)","pad 8 (sweep)","fx 1 (rain)","fx 2 (soundtrack)","fx 3 (crystal)","fx 4 (atmosphere)","fx 5 (brightness)","fx 6 (goblins)","fx 7 (echoes)","fx 8 (sci-fi)","sitar","banjo","shamisen","koto","kalimba","bag pipe","fiddle","shanai","tinkle bell","agogo","steel drums","woodblock","taiko drum","melodic tom","synth drum","reverse cymbal","guitar fret noise","breath noise","seashore","bird tweet","telephone ring","helicopter","applause","gunshot"],e.InstrumentFamilyByID=["piano","chromatic percussion","organ","guitar","bass","strings","ensemble","brass","reed","pipe","synth lead","synth pad","synth effects","world","percussive","sound effects"],e.DrumKitByPatchID={0:"standard kit",8:"room kit",16:"power kit",24:"electronic kit",25:"tr-808 kit",32:"jazz kit",40:"brush kit",48:"orchestra kit",56:"sound fx kit"}},function(t,e,r){"use strict";function n(t){return["C","C#","D","D#","E","F","F#","G","G#","A","A#","B"][t%12]}Object.defineProperty(e,"__esModule",{value:!0});var i,a,o=(i=/^([a-g]{1}(?:b|#|x|bb)?)(-?[0-9]+)/i,a={cbb:-2,cb:-1,c:0,"c#":1,cx:2,dbb:0,db:1,d:2,"d#":3,dx:4,ebb:2,eb:3,e:4,"e#":5,ex:6,fbb:3,fb:4,f:5,"f#":6,fx:7,gbb:5,gb:6,g:7,"g#":8,gx:9,abb:7,ab:8,a:9,"a#":10,ax:11,bbb:9,bb:10,b:11,"b#":12,bx:13},function(t){var e=i.exec(t),r=e[1],n=e[2];return a[r.toLowerCase()]+12*(parseInt(n,10)+1)}),s=new WeakMap,u=function(){function t(t,e,r){s.set(this,r),this.midi=t.midi,this.velocity=t.velocity,this.noteOffVelocity=e.velocity,this.ticks=t.ticks,this.durationTicks=e.ticks-t.ticks}return Object.defineProperty(t.prototype,"name",{get:function(){return t=this.midi,e=Math.floor(t/12)-1,n(t)+e.toString();var t,e},set:function(t){this.midi=o(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"octave",{get:function(){return Math.floor(this.midi/12)-1},set:function(t){var e=t-this.octave;this.midi+=12*e},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"pitch",{get:function(){return n(this.midi)},set:function(t){this.midi=12*(this.octave+1)+["C","C#","D","D#","E","F","F#","G","G#","A","A#","B"].indexOf(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"duration",{get:function(){var t=s.get(this);return t.ticksToSeconds(this.ticks+this.durationTicks)-t.ticksToSeconds(this.ticks)},set:function(t){var e=s.get(this).secondsToTicks(this.time+t);this.durationTicks=e-this.ticks},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"time",{get:function(){return s.get(this).ticksToSeconds(this.ticks)},set:function(t){var e=s.get(this);this.ticks=e.secondsToTicks(t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"bars",{get:function(){return s.get(this).ticksToMeasures(this.ticks)},enumerable:!0,configurable:!0}),t.prototype.toJSON=function(){return{duration:this.duration,durationTicks:this.durationTicks,midi:this.midi,name:this.name,ticks:this.ticks,time:this.time,velocity:this.velocity}},t}();e.Note=u}])});
  315. //# sourceMappingURL=Midi.js.map
  316.  
  317. function convertHex(hex,opacity){
  318.     if(hex.length == 4){
  319.         hex = hex[0] + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3];
  320.     }
  321.     hex = hex.replace('#','');
  322.     r = parseInt(hex.substring(0,2), 16);
  323.     g = parseInt(hex.substring(2,4), 16);
  324.     b = parseInt(hex.substring(4,6), 16);
  325.     return 'rgba('+r+','+g+','+b+','+.5+')';
  326. }
  327. var midiPlayerColorHex = MPP.client.getOwnParticipant().color;
  328. var midiPlayerColor = convertHex(midiPlayerColorHex);
  329.  
  330. Number.prototype.secondsToTime = function(){
  331.     var pad = function(num, size) { return ('000' + num).slice(size * -1); },
  332.     time = parseFloat(this),
  333.     hours = Math.floor(time / 60 / 60),
  334.     minutes = Math.floor(time / 60) % 60,
  335.     seconds = Math.floor(time - minutes * 60);
  336.    
  337.     var retText = "";
  338.     if(hours !== 0){
  339.         retText = pad(hours, 2) + ':';
  340.     }
  341.     retText += pad(minutes, 2) + ':' + pad(seconds, 2);
  342.  
  343.     return retText;
  344. };
  345.  
  346. if (!(window.File && window.FileReader && window.FileList && window.Blob)) {
  347.     document.querySelector("#FileDrop #Text").textContent = "Reading files not supported by this browser";
  348. } else {
  349.     const fileDrop = document.querySelector("#FileDrop")
  350.  
  351.     document.querySelector("#FileDrop input").addEventListener("change", e => {
  352.         //get the files
  353.         const files = e.target.files
  354.         if (files.length > 0){
  355.             const file = files[0]
  356.             document.querySelector("#FileDrop #Text").textContent = file.name
  357.             parseFile(file)
  358.         }
  359.     })
  360. }
  361. function parseFile(file){
  362.     //read the file
  363.     const reader = new FileReader()
  364.     reader.onload = function(e){
  365.         document.getElementById("midiSButton").click()
  366.         const midi = new Midi(e.target.result)
  367.         document.querySelector("#ResultsText").value = JSON.stringify(midi, undefined, 2)
  368.         midiJSONobject = JSON.parse(document.querySelector("#ResultsText").value)
  369.         document.querySelector("#ResultsText").value = ""
  370.         autoPlayer(midiJSONobject, 1)
  371.         autoplayOption.notesPlayedSong = 0;
  372.         autoplayOption.notesPlayedSongMul = 0;
  373.     }
  374.     reader.readAsArrayBuffer(file)
  375. }
  376.  
  377.  
  378. //        CODE FOR THE AUTOPLAYER:
  379.  
  380. dragElement(document.getElementById("mydiv"));
  381. function dragElement(elmnt) {
  382.   var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  383.   if (document.getElementById(elmnt.id + "header")) {
  384.     /* if present, the header is where you move the DIV from:*/
  385.     document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  386.   } else {
  387.     /* otherwise, move the DIV from anywhere inside the DIV:*/
  388.     elmnt.onmousedown = dragMouseDown;
  389.   }
  390.  
  391.   function dragMouseDown(e) {
  392.     e = e || window.event;
  393.     e.preventDefault();
  394.     // get the mouse cursor position at startup:
  395.     pos3 = e.clientX;
  396.     pos4 = e.clientY;
  397.     document.onmouseup = closeDragElement;
  398.     // call a function whenever the cursor moves:
  399.     document.onmousemove = elementDrag;
  400.   }
  401.  
  402.   function elementDrag(e) {
  403.     e = e || window.event;
  404.     e.preventDefault();
  405.     // calculate the new cursor position:
  406.     pos1 = pos3 - e.clientX;
  407.     pos2 = pos4 - e.clientY;
  408.     pos3 = e.clientX;
  409.     pos4 = e.clientY;
  410.     // set the element's new position:
  411.     elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  412.     elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  413.   }
  414.  
  415.   function closeDragElement() {
  416.     /* stop moving when mouse button is released:*/
  417.     document.onmouseup = null;
  418.     document.onmousemove = null;
  419.   }
  420. }
  421.  
  422. var runningTimeoutes = {press: [], release: []}
  423. var autoplayOption = {
  424.     playingOctave: 0,
  425.     playingPitch: 0,
  426.     octave: {state: false, amount: 1},
  427.     multinote: 1,
  428.     volume: .5,
  429.     sustain: true,
  430.     speed: 1,
  431.     loop: false,
  432.     notesPerSec: 0,
  433.     notesPlayedSong: 0,
  434.     notesPlayedSongMul: 0,
  435.     notesPlayedTotal: 0,
  436.     actualNote: {durations: [], durationsSaved: .00001, tracks: []}
  437. }
  438. var autoplayNoteNumber = 0;
  439. var autoPlayerStopTimeout;
  440.  
  441.  
  442. var showNotePerSecInterval = setInterval(() => {
  443.     document.getElementById("notesPerSec").innerHTML = autoplayOption.notesPerSec;
  444.    
  445.     autoplayOption.notesPerSec = 0;
  446. }, 1000)
  447.  
  448. var drumsNames = ["Percussion", "drum 1", "standard kit", "sound fx kit", "Drums", "electronic kit", "reverse cymbal", "fx 3 (crystal)"]
  449. var notesId = ["a-1", "as-1", "b-1", "c0", "cs0", "d0", "ds0", "e0", "f0", "fs0", "g0", "gs0", "a0", "as0", "b0", "c1", "cs1", "d1", "ds1", "e1", "f1", "fs1", "g1", "gs1", "a1", "as1", "b1", "c2", "cs2", "d2", "ds2", "e2", "f2", "fs2", "g2", "gs2", "a2", "as2", "b2", "c3", "cs3", "d3", "ds3", "e3", "f3", "fs3", "g3", "gs3", "a3", "as3", "b3", "c4", "cs4", "d4", "ds4", "e4", "f4", "fs4", "g4", "gs4", "a4", "as4", "b4", "c5", "cs5", "d5", "ds5", "e5", "f5", "fs5", "g5", "gs5", "a5", "as5", "b5", "c6", "cs6", "d6", "ds6", "e6", "f6", "fs6", "g6", "gs6", "a6", "as6", "b6", "c7"]
  450.  
  451. var trackPlayer = (track, qPlay, qContinue) => {
  452.     if(qContinue[0] == undefined){
  453.         autoplayOption.actualNote.durations[qContinue[1]] = 0;
  454.         autoplayOption.actualNote.tracks[qContinue[1]] = 0;
  455.     }
  456.  
  457.     for(i = autoplayOption.actualNote.tracks[qContinue[1]]; i < track.notes.length; i++){
  458.         (function(i) {
  459.             var thisnote = track.notes[i]
  460.             var thisnotetime = thisnote.time - autoplayOption.actualNote.durationsSaved;
  461.  
  462.             var noteObj = {
  463.                 key: thisnote.name.replace("#", "s").toLowerCase().slice(0, thisnote.name.replace("#", "s").toLowerCase().length-1),
  464.                 octave: parseFloat(thisnote.name.replace("#", "s").toLowerCase().slice(thisnote.name.replace("#", "s").toLowerCase().length-1)) - 1
  465.             }
  466.  
  467.             var key;
  468.  
  469.             if(qPlay == undefined){
  470.                 runningTimeoutes.press.push(setTimeout(() => {
  471.                     autoplayOption.actualNote.tracks[qContinue[1]]++;
  472.                     autoplayOption.actualNote.durations[qContinue[1]] = thisnote.time;
  473.  
  474.                     for(mul = 0; mul < autoplayOption.multinote; mul++){
  475.                         (function(){
  476.                             key = notesId[notesId.indexOf(noteObj.key+noteObj.octave) + (autoplayOption.playingOctave * 12) + autoplayOption.playingPitch]
  477.                             MPP.press(key, thisnote.velocity + autoplayOption.volume)
  478.                             autoplayOption.notesPerSec++;
  479.                             autoplayOption.notesPlayedTotal++;
  480.                             autoplayOption.notesPlayedSong++;
  481.                             autoplayOption.notesPlayedSongMul++;
  482.  
  483.                             document.getElementById("notesTotal").innerHTML = autoplayOption.notesPlayedSong;
  484.                             document.getElementById("notesTotal").parentElement.title = "Notes played since the load of the song: "+autoplayOption.notesPlayedSong+" | Notes playerd since the load of the song + multipliers: "+autoplayOption.notesPlayedSongMul+" | Total of notes played: "+autoplayOption.notesPlayedTotal+"";
  485.  
  486.                            
  487.                            
  488.                             if(autoplayOption.octave.state){
  489.                                 if(autoplayOption.octave.amount < 0){
  490.                                     for(opt = 0; opt < (autoplayOption.octave.amount * -1); opt++){
  491.                                         (function(opt){
  492.                                             autoplayOption.notesPerSec++;
  493.                                             autoplayOption.notesPlayedTotal++;
  494.                                             autoplayOption.notesPlayedSongMul++;
  495.                                             key = notesId[notesId.indexOf(noteObj.key+noteObj.octave) + (autoplayOption.playingOctave * 12) - ((opt + 1) * 12) + autoplayOption.playingPitch]
  496.                                             MPP.press(key, thisnote.velocity + autoplayOption.volume)
  497.                                         })(opt);
  498.                                     }
  499.                                 } else {
  500.                                     for(opt = 0; opt < autoplayOption.octave.amount; opt++){
  501.                                         (function(opt){
  502.                                             autoplayOption.notesPerSec++;
  503.                                             autoplayOption.notesPlayedTotal++;
  504.                                             autoplayOption.notesPlayedSongMul++;
  505.                                             key = notesId[notesId.indexOf(noteObj.key+noteObj.octave) + (autoplayOption.playingOctave * 12) + ((opt + 1) * 12) + autoplayOption.playingPitch]
  506.                                             MPP.press(key, thisnote.velocity + autoplayOption.volume)
  507.                                         })(opt);
  508.                                     }
  509.                                 }
  510.                             }
  511.                         })();
  512.                     }
  513.  
  514.                     if(autoplayOption.sustain){
  515.                         runningTimeoutes.release.push(setTimeout(() => {
  516.                             for(mul = 0; mul < autoplayOption.multinote; mul++){
  517.                                 (function(){
  518.                                     key = notesId[notesId.indexOf(noteObj.key+noteObj.octave) + (autoplayOption.playingOctave * 12) + autoplayOption.playingPitch]
  519.                                     MPP.release(key)
  520.        
  521.                                     if(autoplayOption.octave.state){
  522.                                         if(autoplayOption.octave.amount < 0){
  523.                                             for(opt = 0; opt < (autoplayOption.octave.amount * -1); opt++){
  524.                                                 (function(opt){
  525.                                                     key = notesId[notesId.indexOf(noteObj.key+noteObj.octave) + (autoplayOption.playingOctave * 12) - ((opt + 1) * 12) + autoplayOption.playingPitch]
  526.                                                     MPP.release(key)
  527.                                                 })(opt);
  528.                                             }
  529.                                         } else {
  530.                                             for(opt = 0; opt < autoplayOption.octave.amount; opt++){
  531.                                                 (function(opt){
  532.                                                     key = notesId[notesId.indexOf(noteObj.key+noteObj.octave) + (autoplayOption.playingOctave * 12) + ((opt + 1) * 12) + autoplayOption.playingPitch]
  533.                                                     MPP.release(key)
  534.                                                 })(opt);
  535.                                             }
  536.                                         }
  537.                                     }
  538.                                 })();
  539.                             }
  540.                            
  541.  
  542.                             /*
  543.                             MPP.release(noteObj.key + (noteObj.octave + autoplayOption.playingOctave))
  544.  
  545.                             if(autoplayOption.octave.state){
  546.                                 if(autoplayOption.octave.amount < 0){
  547.                                     for(opt = 0; opt < (autoplayOption.octave.amount * -1); opt++){
  548.                                         (function(i){
  549.                                             MPP.release(noteObj.key + ((noteObj.octave + autoplayOption.playingOctave) + i - 1))
  550.                                         })(opt);
  551.                                     }
  552.                                 } else {
  553.                                     for(opt = 0; opt < autoplayOption.octave.amount; opt++){
  554.                                         (function(i){
  555.                                             MPP.release(noteObj.key + ((noteObj.octave + autoplayOption.playingOctave) + i + 1))
  556.                                         })(opt);
  557.                                     }
  558.                                 }
  559.                             }
  560.                             if(autoplayOption.multinote.state){
  561.                                 for(opt = 0; opt < autoplayOption.multinote.amount; opt++){
  562.                                     (function(i){
  563.                                         MPP.release(noteObj.key + (noteObj.octave + autoplayOption.playingOctave))
  564.                                     })(opt);
  565.                                 }
  566.                             }
  567.                             MPP.release(noteObj.key + noteObj.octave)
  568.                             */
  569.                         }, thisnote.duration * 1000 / autoplayOption.speed))
  570.                     }
  571.                 }, (thisnotetime) * 1000 / autoplayOption.speed))
  572.             }
  573.         })(i);
  574.     }
  575. }
  576. var autoPlayer = (song, qContinue, qPlay) => {
  577.     botAutoPlayingDuration = 0;
  578.     autoplayNoteNumber = 0;
  579.     if(qContinue == undefined){
  580.         autoplayOption.actualNote.durations = [];
  581.         autoplayOption.actualNote.tracks = [];
  582.     }
  583.     for(j = 0; j < song.tracks.length; j++){
  584.         if(qContinue == undefined){
  585.             autoplayOption.actualNote.durations.push(0)
  586.             autoplayOption.actualNote.tracks.push(0)
  587.         }
  588.         autoplayNoteNumber += song.tracks[j].notes.length;
  589.         trackPlayer(song.tracks[j], qPlay, [qContinue, j]);
  590.  
  591.         if(song.tracks[j].notes.length > 0){
  592.             if(song.tracks[j].notes[song.tracks[j].notes.length - 1].time > botAutoPlayingDuration){
  593.                 botAutoPlayingDuration = song.tracks[j].notes[song.tracks[j].notes.length - 1].time
  594.             }
  595.         }
  596.     }
  597.  
  598.     document.getElementById("setDuration").innerHTML = "Time: "+botAutoPlayingDuration.secondsToTime()+" | Tracks: "+j+" | Notes: "+autoplayNoteNumber;
  599.     document.getElementById("Text2").title = "Title: "+document.getElementById("Text").innerText+"; Tracks: "+j+"; Notes: "+autoplayNoteNumber+"; Time: "+botAutoPlayingDuration.secondsToTime();
  600.  
  601.     if(qPlay == undefined){
  602.         autoPlayerStopTimeout = setTimeout(() => {
  603.             if(autoplayOption.loop){
  604.                 setTimeout(() => {
  605.                     runningTimeoutes.press = [];
  606.                     runningTimeoutes.release = [];
  607.                     autoPlayer(midiJSONobject)
  608.                 }, 100 / autoplayOption.speed)
  609.             } else {
  610.                 console.log("HEH")
  611.                 if(document.getElementById("midiPPButton").innerHTML == "Pause"){
  612.                     document.getElementById("midiSButton").click();
  613.                 }
  614.                 botAutoPlaying = false;
  615.             }
  616.         }, (botAutoPlayingDuration * 1000) / autoplayOption.speed)
  617.     }
  618. }
  619. var stopAutoPlay = (qStop)=> {
  620.     if(qStop !== undefined){
  621.         autoplayOption.actualNote.tracks = []
  622.         autoplayOption.actualNote.durationsSaved = .00001
  623.     } else {
  624.         for(i = 0; i < autoplayOption.actualNote.durations.length; i++){
  625.             if(autoplayOption.actualNote.durations[i] > 0){
  626.                 autoplayOption.actualNote.durationsSaved = autoplayOption.actualNote.durations[i]
  627.             }
  628.         }
  629.     }
  630.     if(document.getElementById("autoPlayerLoop").innerText == "on"){
  631.         document.getElementById("autoPlayerLoop").parentNode.getElementsByTagName("button")[0].click()
  632.     }
  633.     clearInterval(autoPlayerStopTimeout)
  634.     for(i = 0; i < runningTimeoutes.press.length; i++){
  635.         clearInterval(runningTimeoutes.press[i])
  636.     }
  637.     runningTimeoutes.press = [];
  638.     for(i = 0; i < runningTimeoutes.release.length; i++){
  639.         clearInterval(runningTimeoutes.release[i])
  640.     }
  641.     runningTimeoutes.release = [];
  642. }
  643.  
  644.  
  645. var noteWasteValue;
  646. var noteWasteValueMultiplier = 1;
  647. if(autoplayOption.sustain){
  648.     noteWasteValue = 2;
  649. } else {
  650.     noteWasteValue = 1;
  651. }
  652.  
  653. var sendValSwitcher = (a) => {
  654.     var aux;
  655.     if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "Off"){
  656.         aux = true;
  657.         a.parentElement.getElementsByTagName("p")[0].innerHTML = "On"
  658.     } else {
  659.         aux = false;
  660.         a.parentElement.getElementsByTagName("p")[0].innerHTML = "Off"
  661.     }
  662.  
  663.     if(a.innerHTML == "Loop"){
  664.         autoplayOption.loop = aux
  665.     } else {
  666.         autoplayOption.sustain = !aux
  667.     }
  668.  
  669.     if(autoplayOption.sustain){
  670.         noteWasteValue = 2;
  671.     } else {
  672.         noteWasteValue = 1;
  673.     }
  674.  
  675.     document.getElementById("noteWaste").innerHTML = noteWasteValue * noteWasteValueMultiplier;
  676. }
  677.  
  678. var sendVal = (a) => {
  679.     if(a.type == "number"){
  680.         a.parentElement.getElementsByTagName("input")[0].value = a.value
  681.     } else if(a.type == "range"){
  682.         a.parentElement.getElementsByTagName("input")[1].value = a.value
  683.     } else {
  684.         if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "T"){
  685.             a.parentElement.getElementsByTagName("input")[0].value = 0;
  686.             a.parentElement.getElementsByTagName("input")[1].value = 0;
  687.         } else if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "P"){
  688.             a.parentElement.getElementsByTagName("input")[0].value = 0;
  689.             a.parentElement.getElementsByTagName("input")[1].value = 0;
  690.         } else if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "O"){
  691.             a.parentElement.getElementsByTagName("input")[0].value = 0;
  692.             a.parentElement.getElementsByTagName("input")[1].value = 0;
  693.         } else if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "M"){
  694.             a.parentElement.getElementsByTagName("input")[0].value = 0;
  695.             a.parentElement.getElementsByTagName("input")[1].value = 0;
  696.         } else if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "V"){
  697.             a.parentElement.getElementsByTagName("input")[0].value = .5;
  698.             a.parentElement.getElementsByTagName("input")[1].value = .5;
  699.         } else {
  700.             a.parentElement.getElementsByTagName("input")[0].value = 1;
  701.             a.parentElement.getElementsByTagName("input")[1].value = 1;
  702.         }
  703.     }
  704.  
  705.     if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "T"){
  706.         autoplayOption.playingPitch = parseFloat(a.parentElement.getElementsByTagName("input")[1].value)
  707.     } else if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "P"){
  708.         autoplayOption.playingOctave = parseFloat(a.parentElement.getElementsByTagName("input")[1].value)
  709.     } else if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "O"){
  710.         if(a.parentElement.getElementsByTagName("input")[0].value == 0){
  711.             autoplayOption.octave.state = false
  712.         } else {
  713.             autoplayOption.octave.state = true
  714.             autoplayOption.octave.amount = parseFloat(a.parentElement.getElementsByTagName("input")[1].value)
  715.         }
  716.     } else if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "M"){
  717.          if(a.parentElement.getElementsByTagName("input")[1].value  < 0){
  718.             a.parentElement.getElementsByTagName("input")[0].value = 0;
  719.             a.parentElement.getElementsByTagName("input")[1].value = 0;
  720.         }
  721.         autoplayOption.multinote = parseFloat(a.parentElement.getElementsByTagName("input")[1].value) + 1
  722.     } else if(a.parentElement.getElementsByTagName("p")[0].innerHTML == "V"){
  723.         if(a.parentElement.getElementsByTagName("input")[1].value < -2){
  724.             a.parentElement.getElementsByTagName("input")[0].value = -2;
  725.             a.parentElement.getElementsByTagName("input")[1].value = -2;
  726.         } else {
  727.             autoplayOption.volume = parseFloat(a.parentElement.getElementsByTagName("input")[1].value)
  728.         }
  729.     } else {
  730.         if(a.parentElement.getElementsByTagName("input")[1].value  < 0){
  731.             a.parentElement.getElementsByTagName("input")[0].value = 0;
  732.             a.parentElement.getElementsByTagName("input")[1].value = 0;
  733.         } else {
  734.             if(document.getElementById("midiPPButton").innerText == "Pause"){
  735.                 stopAutoPlay()
  736.                 autoplayOption.speed = parseFloat(a.parentElement.getElementsByTagName("input")[1].value)
  737.                 autoPlayer(midiJSONobject, 1)
  738.             } else {
  739.                 autoplayOption.speed = parseFloat(a.parentElement.getElementsByTagName("input")[1].value)
  740.             }
  741.         }
  742.     }
  743.  
  744.     noteWasteValueMultiplier = 1;
  745.  
  746.     noteWasteValueMultiplier *= Math.abs(parseInt(a.parentElement.parentElement.children[2].getElementsByTagName("input")[1].value)) + 1;
  747.     noteWasteValueMultiplier *= Math.abs(parseInt(a.parentElement.parentElement.children[3].getElementsByTagName("input")[1].value)) + 1;
  748.  
  749.     document.getElementById("noteWaste").innerHTML = noteWasteValue * noteWasteValueMultiplier;
  750. }`
  751. var createScriptTag = document.createElement('script');
  752. createScriptTag.type = 'text/javascript';
  753. createScriptTag.id = "createScriptTagId";
  754. createScriptTag.text = scriptContent;
  755. document.getElementsByTagName('head')[0].appendChild(createScriptTag);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!