Question

我正在尝试同时播放两个音频。一个音频用于提供背景音乐，另一个音频用于提供语音。我点击播放音频。点击后，音频会同时播放并立即在桌面上播放，但在延迟播放后，IPad Air和Ipad专业音频播放。我的代码没有出错：

<script>
 var audio1 = new Audio();
          var audio2 = new Audio();

$(document).ready(function(){   
         $(".playAudio").on("click touchstart" , function(){
          audio1.src= "media/audio/music.mp3";
          audio2.src= "media/audio/fullIntro.mp3";
          audio1.play();
          audio2.play();
          });
  });
</script>

HTML

<div class="playAudio"><span id="span1">Play Audio</span></div>

请帮忙！

谢谢！

Answer 1

我非常怀疑您的问题可能是两个文件没有同时完成下载。因此两个音频文件之间的延迟。

我的建议是在继续之前等待下载每个文件。你可以用一点点Javascript来实现：

以下是代码

    $(window).on("load", function() {
        $(".playAudio").on("click touchstart" , function()
      {
        audio1.src= "media/audio/music.mp3";
        audio2.src= "media/audio/fullIntro.mp3";
        audio1.play();
        audio2.play();
      });
    });

这应该可以解决问题。

致谢：我发现了另一个可能对您有帮助的问题 Official way to ask jQuery wait for all images to load before executing something

在iPad上延迟播放音频

1 个答案: