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"属性添加到音频标记

使用mp3 / ogg模拟ipad单击声音（Web开发）

1 个答案: