| //再生 |
|
| function playAudio() { | <a onClick="playAudio()">猫画像 |
| audi=1; | 再生中は、変数audiを1 |
| 再生中、表示、非表示にする画像 |
|
document.getElementById("anpu1").style.visibility="hidden";
document.getElementById("anpu").style.visibility="visible";
document.getElementById("tan0").style.visibility="hidden";
document.getElementById("tan1").style.visibility="hidden";
document.getElementById("tan2").style.visibility="visible"; |
|
| ↓ 音源再生 |
|
| a.play(); | document.getElementById("audio");を.play |
| //現在の再生位置（秒） |
|
a.addEventListener("timeupdate", function(){
len=a.currentTime; |
aに再生位置(timeupdata)を.addEventListenerで登録し、現在位置(currentTime)を変数 len に |
| //再生完了 |
|
if (91.5<len){
stopAudio() ← 停止のスクリプト部分へ
}, false);
}
| 再生時間を返すメソッド a.durationで計測するか、時計で計り、無音部分を調整し、91.5秒を設定
（音源の長さは、秒で設定）
再生時間(len)が91.5秒を超えたら、stopAudio()に |
| ↓ 音源停止 |
|
| //停止 // |
|
| function stopAudio() {
| 再生完了か<a onClick="stopAudio()">
 をクリック |
| if(audi==1){ | audi==1(再生中) なら実行 |
| 停止時、表示、非表示にする画像 |
|
document.getElementById("anpu1").style.visibility="visible";
document.getElementById("anpu").style.visibility="hidden";
document.getElementById("tan2").style.visibility="hidden";
document.getElementById("tan3").style.visibility="visible"; |
|
| //ended属性で終了判定 |
|
| if(!audio.ended){ | 再生が完了してなかったら |
| a.pause(); | 一時停止し |
| a.currentTime = 0; | 再生位置(currentTime)を 0 に |
| audi=0; | 停止中は、変数audiを0 |
| var timeout_id = setTimeout(ret , 1500);
| id=tan3の画像を1.5秒表示しret()に移動 |
| 1.5秒後の画像 |
|
function ret(){
document.getElementById("tan3").style.visibility="hidden";
document.getElementById("tan0").style.visibility="visible";
| 最初の画像に戻す |
