Javascript 如何在JS中不延迟地循环音频?

Javascript 如何在JS中不延迟地循环音频?,javascript,html,Javascript,Html,我对声音本身使用HTML音频标记,然后使用按钮打开或关闭音乐。按钮工作正常,但是,当我循环音频文件时会有延迟。我正在使用.loop=true循环音频 (如果你需要音频,我会把它放在Soundcloud上,这样你就可以下载了:) 代码: var audio=document.getElementById('player')) 函数playMusic(){ 音频播放 audio.loop=true document.getElementById('muted').style.display='no

我对声音本身使用HTML音频标记,然后使用按钮打开或关闭音乐。按钮工作正常,但是,当我循环音频文件时会有延迟。我正在使用
.loop=true
循环音频

(如果你需要音频,我会把它放在Soundcloud上,这样你就可以下载了:)

代码:

var audio=document.getElementById('player'))
函数playMusic(){
音频播放
audio.loop=true
document.getElementById('muted').style.display='none'
document.getElementById('unmute').style.display='block'
}
函数pauseMusic(){
audio.pause()
audio.currentTime='0'
document.getElementById('mute').style.display='block'
document.getElementById('unmute').style.display='none'
}
#游戏中{
位置:绝对位置;
顶部:20px;
左:20px;
填充:20px;
显示器:flex;
弯曲方向:立柱;
对正内容:左;
背景:白色;
边界半径:6px;
宽度:200px;
溢出:隐藏;
}
钮扣{
宽度:100%;
背景色:rgb(39,78,111);
字体大小:16px;
边界:无;
填充:10px;
边界半径:50px;
颜色:白色;
光标:指针;
用户选择:无;
}
#沉默的{
显示:块;
}
#无声的{
显示:无;
}

声音:关
声音:开