practice

　　　　

<html>

<script src="GM_04.js"></script>
<script>
function 読み込み_midi(){楽器.loadMIDIUrl("");}
function 読み込み_みでぃ(files){var 収集=new FileReader();
収集.onload=(e)=>{楽器.loadMIDI(収集.result);}
収集.readAsArrayBuffer(files[0]);}
function 演奏_みでぃ(){楽器.playMIDI();}
function 停止_みでぃ(){楽器.stopMIDI();}
function せっと_みでぃ(p){楽器.send([0xc0,p]);}
function 音源(){楽器=new WebAudioTinySynth({voices:64});
for(var 愛=0;愛<128;++愛){var 音楽=document.createElement("option");
音楽.innerHTML=楽器.getTimbreName(0,愛);
document.getElementById("ぱっち_ちぇんじ").appendChild(音楽);}
setInterval(function(){var しんせさいざー=楽器.getPlayStatus();
document.getElementById("情報").innerHTML="演奏時間:"+しんせさいざー.play+"分:"+しんせさいざー.curTick+"/"+しんせさいざー.maxTick;},100);}
function てすと(){var しんせさいざー=楽器.getAudioContext().createOscillator();
音楽.connect(楽器.getAudioContext().destination);
音楽.start(0);
音楽.stop(楽器.getAudioContext().currentTime+1);
console.log(楽器)}
window.onload=音源;
</script>

<input type="file"onchange="読み込み_みでぃ(this.files)">
<br><hr><br>
<button onclick="演奏_みでぃ()">Sound ▶︎</button>
<button onclick="停止_みでぃ()">|| Pause ||</button>
<br><br>
ループ : <input type="checkbox"onchange="楽器.setLoop(this.checked)">
<br><br>
ボリューム<br>
<input type="range"value="50"min="0"max="100"oninput="楽器.setMasterVol(this.value/100)"><br>
リバーブ<br>
<input type="range"value="50"min="0"max="100"oninput="楽器.setReverbLev(this.value/100)"><br>
<br><br>
オシレーター : <select onchange="楽器.setQuality(this.selectedIndex)"><option>Oscillator 1</option><option selected>Oscillator 2</option></select>
<br>
プログラム・チェンジ : <select id="ぱっち_ちぇんじ"onchange="せっと_みでぃ(this.selectedIndex)"></select>

</html>