IOS设备上的音频声音剪辑问题，尤其是Safari

Question

我有一个网页，可以加载大量声音并在不同的动画上播放。

我注意到在IOS设备上，声音被裁剪并且没有像在桌面上那样完全播放。特别是safari与桌面浏览器有很多不同。

点击声音按钮加载声音，如下所示

标记

<audio id="firstreelstop_sound" src="sounds/wheelStop1.mp3" preload="auto"></audio>

var firstReelStopsound = document.getElementById('firstreelstop_sound');
jQuery(document).on("click", '.soundIcon', function() {
     firstReelStopsound.load();
     secondReelStopsound.load();
     thirdReelStopsound.load();
     fourthReelStopsound.load();
     fifthReelStopsound.load();
     ...... etc
});

然后当我需要它时我只使用.play（）。

似乎并非所有声音都被加载。

我还注意到，当我点击IOS移动设备上的内容时，点击和执行点击内部的操作之间会有一点延迟（200-300毫秒）。

知道如何解决这个问题吗？ 感谢。