practice

　　　　

<html lang="ja">
<meta charset="utf-8">

<audio id="選択"style="display:none;"></audio>
<div>
<button onclick="りぴーと(1)">1回</button>
<button onclick="りぴーと(2)">2回</button>
<button onclick="りぴーと(3)">3回</button>
<button onclick="すぴーど_りぴーと(0.5,1)">ゆっくり1回</button>
<button onclick="すぴーど_りぴーと(0.5,2)">ゆっくり2回</button>
<button onclick="すぴーど_りぴーと(0.5,3)">ゆっくり3回</button>
<button onclick="停止()">STOP</button>
</div>

<div>
<input type="range"min="0"max="100"value="100"id="すらいだー"onchange="音量(this.value)">
</div>

<div id="おーでぃお">
<input type="checkbox"id="01_sta"checked>
<label for="01_sta">sta</label><br>
<input type="checkbox"id="02_detS"checked>
<label for="02_detS">detS</label><br>
<input type="checkbox"id="03_sVi"checked>
<label for="03_sVi">sVi</label><br>
<input type="checkbox"id="04_sVma"checked>
<label for="04_sVma">sVma</label><br>

<input type="checkbox"id="05_fpV"checked>
<label for="05_fpV">fpV</label><br>
<input type="checkbox"id="06_sfzV"checked>
<label for="06_sfzV">sfzV</label><br>
<input type="checkbox"id="07_trm"checked>
<label for="07_trm">trm</label><br>
<input type="checkbox"id="08_trmA"checked>
<label for="08_trmA">trmA</label><br>

<input type="checkbox"id="09_tri1"checked>
<label for="09_tri1">tri1</label><br>
<input type="checkbox"id="10_tri2"checked>
<label for="10_tri2">tri2</label><br>
<input type="checkbox"id="11_pnSt"checked>
<label for="11_pnSt">pnSt</label><br>
<input type="checkbox"id="12_pnSu"checked>
<label for="12_pnSu">pnSu</label><br>

<input type="checkbox"id="13_pTrm"checked>
<label for="13_pTrm">pTrm</label><br>
<input type="checkbox"id="14_pTmA"checked>
<label for="14_pTmA">pTmA</label><br>
<input type="checkbox"id="hAst"checked>
<label for="15_hAst">15_hAst</label><br>
<input type="checkbox"id="16_hAsu"checked>
<label for="16_hAsu">hAsu</label><br>

<input type="checkbox"id="17_oGLM"checked>
<label for="17_oGLM">oGLM</label><br>
<input type="checkbox"id="18_oGLF"checked>
<label for="18_oGLF">oGLF</label><br>
<input type="checkbox"id="19_piz"checked>
<label for="19_piz">19_piz</label><br>
<input type="checkbox"id="20_pzSn"checked>
<label for="20_pzSn">pzSn</label><br>
</div>

<script>
window.AudioContext=window.AudioContext || window.webkitAudioContext;
audioContext=new AudioContext();
function りぴーと(repeatCount)
{選択=document.getElementById("選択");
おーでぃお=せれくと();
とーたる=[];
for(愛=0;愛<おーでぃお.length;愛++)
{for(時=0;時<repeatCount;時++)
{とーたる.push(おーでぃお[愛]);}}
りすと(とーたる,選択);}
function すぴーど_りぴーと(speed,repeatCount)
{選択=document.getElementById("選択");
おーでぃお=せれくと();
とーたる=[];
for(合=0;合<おーでぃお.length;合++)
{for(字=0;字<repeatCount;字++)
{とーたる.push(おーでぃお[合]);}}
りすと(とーたる,選択,speed);}
function りすと(おーでぃお,選択,speed=1)
{ちぇっく=0;
function ねくすと()
{if(ちぇっく<おーでぃお.length)
{選択.src=おーでぃお[ちぇっく];
選択.playbackRate=speed;
選択.play();
ちぇっく++;}}
選択.onended=ねくすと;
ねくすと();}
function 音量(volume)
{選択=document.getElementById("選択");
選択.volume=volume / 100;}
function 停止()
{選択=document.getElementById("選択");
選択.pause();
選択.currentTime=0;}
function せれくと()
{おーでぃお=[];
ふぁいる=document.querySelectorAll('#おーでぃお input[type="checkbox"]');
ふぁいる.forEach(function(checkbox)
{if(checkbox.checked)
{おーでぃお.push(checkbox.id+".mp3");}});
return おーでぃお;}
</script>

</html>