埋め込みオーディオ

Question

私はPomodoroの時計（タイマー）を作成しました。私は各セッションや休憩が終わった後に音を出したい。

function countDownTimer() { 

    timer = setInterval(function() { 

    if (!pause) { 

     if (sec == 0) { 

     if (minutes !== 0) 
      minutes--; 

     if (minutes == 0 && hours !== 0) { 

      display(hours, minutes, sec); 
      hours--; 
      minutes = 59; 

     } 

     display(hours, minutes, sec = 59); 

     } else { 

     sec--; 
     display(hours, minutes, sec); 

     } 
    } 

    }, 1000); 

} 


function display(hr, min, sec) { 

    checkIfOver(hr,min,sec); 
    if (hr < 10) 
    hr = "0" + hr; 
    if (min < 10) 
    min = "0" + min; 
    if (sec < 10) 
    sec = "0" + sec; 

    document.getElementById("clock").innerHTML = hr + ":" + min + ":" + sec; 

}  

function checkIfOver(hr,min,sec){ 

    if ((hr == 0 && min == 0 & sec == 0) && session == true) { 

    session = false; 
    breaks = true; 
    if (confirm("Session is over. Start Break??")) 
     setTime(); 
    else { 
     clearInterval(timer); 
     document.getElementById("start").disabled = false; 
    } 
    } else if ((hr == 0 && min == 0 & sec == 0) && breaks == true) { 

    session = true; 
    breaks = false; 
    if (confirm("Break is over. Start Session??")) 
     setTime(); 
    else { 
     clearInterval(timer); 
     document.getElementById("start").disabled = false; 
    } 
    } 
} 

私は、オーディオsrcをhtmlで埋め込み、jsで再生しようとしました。また、私はオーディオオブジェクトを使用しようとしました。それを行う他の方法はありますか？ここ

全コード：http://codepen.io/jpninanjohn/pen/WwBWpO?editors=1010

Answer 1

はmp3形式に変換し、HTML5 audio要素を使用します。

<audio src="success.mp3"> 
    Your browser does not support the audio element. 
</audio> 

別の解決策は、任意のHTML要素なしで直接オーディオオブジェクトを作成することです：

var audio = new Audio('success.mp3'); 
audio.play();