点击时音频播放的Javascript延迟

Posted

技术标签:

【中文标题】点击时音频播放的Javascript延迟【英文标题】:Javascript delay on audio play on click 【发布时间】:2017-08-27 20:52:59 【问题描述】:

我想建立一个西蒙游戏。 我想在点击时播放声音,但声音有明显的延迟(4/5 秒)。 如何防止它并在点击时准确播放声音?

代码如下:

var blue = new Audio("https://s3.amazonaws.com/freecodecamp/simonSound1.mp3");
$(".but").on('click', function()
    blue.play();
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="but">Play</button>

【问题讨论】:

当我运行 sn-p 时,没有延迟。 可能是连接速度慢的问题? 我没有延迟... 【参考方案1】:

我没有听到延迟。试试下面的 sn-p 或者这个 CodePen Demo:

$(document).ready(function() 
  var blue = new Audio("https://s3.amazonaws.com/freecodecamp/simonSound1.mp3");
  $(".but").on("click", function() 
    blue.play();
  );
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button class="but">click for sound</button>

【讨论】:

以上是关于点击时音频播放的Javascript延迟的主要内容,如果未能解决你的问题,请参考以下文章

Javascript无延迟播放无限循环音频文件

在线时音频播放不佳

在 Java 中从麦克风播放音频时减少延迟

AudioClip 截断并延迟音频播放

按顺序播放多个音频文件(Javascript)

UIWebView 拦截来自 javascript 音频播放器的“设置电影路径:”