Audio is playing after a delay on IPad

I am trying to play two audio at the same time. One audio is using to provide background music and another one is using to provide speech. I am playing audio on click . After click, audio plays simultaneously and immediately on desktop but on IPad Air and Ipad pro audios play after a delay. I am not getting what is wrong with my code ?

<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>

Please help !

Thanks !