source

'; html = html + '

Channels'; for (var i = 0; i < song.tracks.length; i++) { var v = 100 * song.tracks[i].volume; html = html + '

' + chooserIns(song.tracks[i].id, i) + ''; } html = html + '

Drums'; for (var i = 0; i < song.beats.length; i++) { var v = 100 * song.beats[i].volume; html = html + '

' + chooserDrum(song.beats[i].id, i) + ''; } o.innerHTML = html; console.log('Loaded'); var pos = document.getElementById('position'); pos.oninput = function (e) { if (loadedsong) { player.cancelQueue(audioContext); var next = song.duration * pos.value / 100; songStart = songStart - (next - currentSongTime); currentSongTime = next; } }; console.log('Tracks'); for (var i = 0; i < song.tracks.length; i++) { setVolumeAction(i, song); } console.log('Drums'); for (var i = 0; i < song.beats.length; i++) { setDrVolAction(i, song); } loadedsong = song; } function setVolumeAction(i, song) { var vlm = document.getElementById('channel' + i); vlm.oninput = function (e) { player.cancelQueue(audioContext); var v = vlm.value / 100; if (v < 0.000001) { v = 0.000001; } song.tracks[i].volume = v; }; var sl = document.getElementById('selins' + i); sl.onchange = function (e) { var nn = sl.value; var info = player.loader.instrumentInfo(nn); player.loader.startLoad(audioContext, info.url, info.variable); player.loader.waitLoad(function () { console.log('loaded'); song.tracks[i].info = info; song.tracks[i].id = nn; }); }; } function setDrVolAction(i, song) { var vlm = document.getElementById('drum' + i); vlm.oninput = function (e) { player.cancelQueue(audioContext); var v = vlm.value / 100; if (v < 0.000001) { v = 0.000001; } song.beats[i].volume = v; }; var sl = document.getElementById('seldrm' + i); sl.onchange = function (e) { var nn = sl.value; var info = player.loader.drumInfo(nn); player.loader.startLoad(audioContext, info.url, info.variable); player.loader.waitLoad(function () { console.log('loaded'); song.beats[i].info = info; song.beats[i].id = nn; }); }; } function chooserIns(n, track) { var html = ''; for (var i = 0; i < player.loader.instrumentKeys().length; i++) { var sel = ''; if (i == n) { sel = ' selected'; } html = html + '' + i + ': ' + player.loader.instrumentInfo(i).title + ''; } html = html + ''; return html; } function chooserDrum(n, beat) { var html = ''; for (var i = 0; i < player.loader.drumKeys().length; i++) { var sel = ''; if (i == n) { sel = ' selected'; } html = html + '' + i + ': ' + player.loader.drumInfo(i).title + ''; } html = html + ''; return html; } function handleFileSelect(event) { console.log(event); var file = event.target.files[0]; console.log(file); var fileReader = new FileReader(); fileReader.onload = function (progressEvent) { console.log(progressEvent); var arrayBuffer = progressEvent.target.result; console.log(arrayBuffer); var midiFile = new MIDIFile(arrayBuffer); var song = midiFile.parseSong(); startLoad(song); }; fileReader.readAsArrayBuffer(file); } function handleExample(path) { console.log(path); var xmlHttpRequest = new XMLHttpRequest(); xmlHttpRequest.open("GET", path, true); xmlHttpRequest.responseType = "arraybuffer"; xmlHttpRequest.onload = function (e) { var arrayBuffer = xmlHttpRequest.response; var midiFile = new MIDIFile(arrayBuffer); var song = midiFile.parseSong(); startLoad(song); }; xmlHttpRequest.send(null); } document.getElementById('filesinput').addEventListener('change', handleFileSelect, false);