模拟iPad点击声音mp3/ogg (web开发)

Question

我正在使用以下代码模拟移动网站上每个锚标记和提交按钮点击的"点击"声音:

 <audio id="mySoundClip" style=" display:none; visibility:hidden;">
            <source src="@Url.Content("~/Content/audio/Click.ogg")" type="audio/ogg">
            <source src="@Url.Content("~/Content/audio/Tock.mp3")" type="audio/mpeg">
              Your browser does not support the audio element.
          </audio>
        <script type="text/javascript">
          var homeURL = '@Url.Action("Index", "Home")';
          var audio = $("#mySoundClip")[0];
          $("[href]").click(function () {
            //alert("a clicked");
            audio.play();
          });
          $(":submit").click(function () {
            //alert("submit button clicked");
            audio.play();
          });
     </script>

按预期工作，但在点击锚标记/提交按钮时，声音文件实际播放时会有轻微延迟。是否有一种方法可以让声音文件在实际播放时播放得更快一些，这样看起来就像原生点击一样?

Answer 1

尝试将preload="auto"属性添加到音频标签