无缝音频循环[HTML / JS]

Question

我正在浏览器中创建一个启动板，它会在单击按钮时循环播放音频文件。在Microsoft Edge中，音频循环无间隙且效果很好，但在Google Chrome中进行测试时，音频必须略微延迟。我会在下面粘贴我的代码，希望有人可以帮助我。 （我是JS的新手，所以有些答案可能需要向我解释）。

JS：

var audio = [];
var isPlaying = [];

function sound(id){
  if(isPlaying[id]){
    audio[id].pause();
    isPlaying[id] = false;
    audio[id].currentTime = 0;
  }
  else{
    audio[id].play();
    isPlaying[id] = true;
    audio[id].currentTime = 0;
  }
}

function createAudio(src,i){
  audio[i] = new Audio();
  audio[i].src = src;
  audio[i].loop = true;
  isPlaying[i] = false;
}

var mySources = ['audio/drums/1.wav'];

HTML：

<img class="item" src="images/button.png" onclick="sound(1);"/>