結果を表示する
元にもどす
<html> <meta charset="utf-8"> <script type="text/javascript"src="GM_04.js"></script> <style> *:focus{outline:none;} main{font-size:16px; text-align:left;} button{height:30px; font-size:12px; font-weight:bold; color:black;} td{color:red; text-align:left; font-weight:bold; padding:4px; text-shadow:1px 1px 0 #000000;} .セット{color:red; text-align:left; font-weight:bold; padding:4px; text-shadow:1px 1px 0 #000000;} .エディター{margin-left:10px; font-size:20px; color:black; text-shadow:none;} #波形編集{display:none;background-color:silver;padding:10px;} </style> <button id="ぼたん"type="button">Reset</button> <button onclick="OpenEditor()">Edit</button> <label> Prog :<select id="prog"onchange="ProgChange(this.selectedIndex)"></select> <div> <button id="なんばー">サウンド・テスト</button> <main> <div><tag-01 id="ぴあの"src="X.mid"quality="1"るーぴんぐ="0"disableDrop="0"masterVol="0.5"></tag-01></div> <div><select onchange="SetQuality(this.selectedIndex)"><option>Oscillator 1</option><option selected>Oscillator 2</option></select></div> </main> <webaudio-keyboard id="鍵盤"keys="73"min="35"width="800"tabindex="1"></webaudio-keyboard> <hr style="margin-top:10px;margin-bottom:40px;"> <div id="波形編集"> <span style="color:white;margin-left:20px;">Number of Oscillator :</span><select id="oscs"onchange="Edit()"><option> 1 </option><option> 2 </option><option> 3 </option><option> 4 </option></select> <span id="name"></span> <table> <tr> <td>G</td><td>W</td><td>V</td><td>T</td><td>F</td><td>A</td><td>H</td><td>D</td><td>S</td><td>R</td><td>P</td><td>Q</td><td>K</td> </tr> <tr> <td><input id="g1"oninput="Edit()"value="0"size="4"></td> <td><select id="w1"style="width:60px"onchange="document.getElementById('w1').value=this.value;Edit()"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="n0">n0</option><option value="n1">n1</option><option value="w9999">w9999</option></select></td> <td><input id="v1"oninput="Edit()"value="0.5"size="4"></td> <td><input id="t1"oninput="Edit()"value="1"size="4"></td> <td><input id="f1"oninput="Edit()"value="0"size="4"></td> <td><input id="a1"oninput="Edit()"value="0"size="4"></td> <td><input id="h1"oninput="Edit()"value="0"size="4"></td> <td><input id="d1"oninput="Edit()"value="0.1"size="4"></td> <td><input id="s1"oninput="Edit()"value="0"size="4"></td> <td><input id="r1"oninput="Edit()"value="0.1"size="4"></td> <td><input id="p1"oninput="Edit()"value="1"size="4"></td> <td><input id="q1"oninput="Edit()"value="1"size="4"></td> <td><input id="k1"oninput="Edit()"value="0"size="4"></td> </tr> <tr id="osc2"> <td><input id="g2"oninput="Edit()"value="0"size="4"></td> <td><select id="w2"style="width:60px"onchange="document.getElementById('w2').value=this.value;Edit()"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="n0">n0</option><option value="n1">n1</option><option value="w9999">w9999</option></select></td> <td><input id="v2"oninput="Edit()"value="0.5"size="4"></td> <td><input id="t2"oninput="Edit()"value="1"size="4"></td> <td><input id="f2"oninput="Edit()"value="0"size="4"></td> <td><input id="a2"oninput="Edit()"value="0"size="4"></td> <td><input id="h2"oninput="Edit()"value="0"size="4"></td> <td><input id="d2"oninput="Edit()"value="0.1"size="4"></td> <td><input id="s2"oninput="Edit()"value="0"size="4"></td> <td><input id="r2"oninput="Edit()"value="0.1"size="4"></td> <td><input id="p2"oninput="Edit()"value="1"size="4"></td> <td><input id="q2"oninput="Edit()"value="1"size="4"></td> <td><input id="k2"oninput="Edit()"value="0"size="4"></td> </tr> <tr id="osc3"> <td><input id="g3"oninput="Edit()"value="0"size="4"></td> <td><select id="w3"style="width:60px"onchange="document.getElementById('w3').value=this.value;Edit()"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="n0">n0</option><option value="n1">n1</option><option value="w9999">w9999</option></select></td> <td><input id="v3"oninput="Edit()"value="0.5"size="4"></td> <td><input id="t3"oninput="Edit()"value="1"size="4"></td> <td><input id="f3"oninput="Edit()"value="0"size="4"></td> <td><input id="a3"oninput="Edit()"value="0"size="4"></td> <td><input id="h3"oninput="Edit()"value="0"size="4"></td> <td><input id="d3"oninput="Edit()"value="0.1"size="4"></td> <td><input id="s3"oninput="Edit()"value="0"size="4"></td> <td><input id="r3"oninput="Edit()"value="0.1"size="4"></td> <td><input id="p3"oninput="Edit()"value="1"size="4"></td> <td><input id="q3"oninput="Edit()"value="1"size="4"></td> <td><input id="k3"oninput="Edit()"value="0"size="4"></td> </tr> <tr id="osc4"> <td><input id="g4"oninput="Edit()"value="0"size="4"></td> <td><select id="w4"style="width:60px"onchange="document.getElementById('w4').value=this.value;Edit()"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="n0">n0</option><option value="n1">n1</option><option value="w9999">w9999</option></select></td> <td><input id="v4"oninput="Edit()"value="0.5"size="4"></td> <td><input id="t4"oninput="Edit()"value="1"size="4"></td> <td><input id="f4"oninput="Edit()"value="0"size="4"></td> <td><input id="a4"oninput="Edit()"value="0"size="4"></td> <td><input id="h4"oninput="Edit()"value="0"size="4"></td> <td><input id="d4"oninput="Edit()"value="0.1"size="4"></td> <td><input id="s4"oninput="Edit()"value="0"size="4"></td> <td><input id="r4"oninput="Edit()"value="0.1"size="4"></td> <td><input id="p4"oninput="Edit()"value="1"size="4"></td> <td><input id="q4"oninput="Edit()"value="1"size="4"></td> <td><input id="k4"oninput="Edit()"value="0"size="4"></td> </tr> </table> <hr> <section> <div class="セット">G :<span class="エディター">Go Output Destination</span></div> <div class="セット">W :<span class="エディター">Wave Form</span></div> <div class="セット">V :<span class="エディター">Volume</span></div> <div class="セット">T :<span class="エディター">Tune</span></div> <div class="セット">F :<span class="エディター">Frequency in Hz</span></div> <div class="セット">A :<span class="エディター">Attack Time</span></div> <div class="セット">H :<span class="エディター">Hold Time</span></div> <div class="セット">D :<span class="エディター">Decay Time</span></div> <div class="セット">S :<span class="エディター">Sustain Level</span></div> <div class="セット">R :<span class="エディター">Release Time</span></div> <div class="セット">P :<span class="エディター">Pitch Bend</span></div> <div class="セット">Q :<span class="エディター">Pitch Bend Speed Factor</span></div> <div class="セット">K :<span class="エディター">Volume Key Tracking Factor</span></div> </section> </div> </div> <script> document.querySelector("#ぼたん").addEventListener("click",()=>{location.reload();},false); </script> </html>