2021-07-14

JavaScript: Audioのpauseの次に最初（先頭）から再生したい場合

JavaScriptで音声ファイルを再生する場合は、 Audioオブジェクトのplayメソッドを使い、 再生を停止する場合はpauseメソッドを使います。

pauseで途中で停止した後にplayメソッドを実行した場合は、 停止した時点から再生されます。
その時に最初（先頭）から音声ファイルを再生したい場合は 「currentTime」プロパティを使用します。

currentTimeプロパティは現在の時間を秒単位で示し、 値を設定することで新しい時間にMediaがシークされます。 「currentTime = 0」とすることで先頭に戻ります。

次のサンプルコードでは「ストップ」ボタンを押した時に、 次は先頭から音声ファイルが再生されるように 「currentTime = 0」を設定しています。

<button id= "stop">ストップ</button>

let ad = new Audio("./sample.mp3");

// ストップボタン
let elem_stop = document.getElementById("stop");
elem_stop.addEventListener("click", function(){
	ad.pause();
	ad.currentTime = 0;
}, false);