2021-07-13

JavaScript: 音声ファイル（Audio）をループ再生する方法

JavaScriptで音声ファイルを再生する場合は、 Audioオブジェクトのplayメソッドを使用しますが、 ループ再生したい場合は「loop」プロパティをtrueに設定します。

loopプロパティを設定するのはplayメソッドの前でも直後でも構いません。

次のサンプルコードでは、 「連続再生」ボタンを押した場合に繰り返し再生します。

<button id="loop">連続再生</button>

// Audioオブジェクトを作成
let ad = new Audio("./sample.mp3");

// 連続再生ボタン
let elem_loop = document.getElementById("loop");
elem_loop.addEventListener("click", function(){
	ad.play();
	ad.loop = true;  // ループ再生
}, false);

上のコードでは、playメソッドの後に「.loop = true」を記述していますが、 playメソッドの前に記述しても構いません。

ループ再生をやめる場合はloopプロパティをfalseに設定します。