我正在创建一个简单的节拍器网页应用程序，该应用程序还会显示随机注释以用于培训目的。它在桌面上工作正常，但在我的iPhone（IOS7）上，我正在使用的多个音频元素似乎存在问题。
我正在使用一种声音作为测量的第一个重音节拍，然后为其余节拍使用不同的声音。两个音频元素如下所示：
<div id="audioHide" class="hide">
<audio id="beepOne" src="http://ivandurst.com/metronome/sounds/beat.wav" preload="auto" controls="controls">Your browser is not supported. Get a better standards compliant browser!</audio>
<audio id="beepTwo" src="http://ivandurst.com/metronome/sounds/accent.wav" preload="auto" controls="controls">Your browser is not supported. Get a better standards compliant browser!</audio>
</div>
当我在jsfiddle上点击我的iPhone上的“播放”时，我听到每个第一个节拍的第一个声音，但它没有播放其余节拍的第二个声音。其他一切都很完美。我分享这两个链接的原因是因为它在现场环境中表现不同 - 有时它只播放每个节拍的第一个声音，有时它会同时播放声音并正常工作，有时它会说“操作无法完成”和/或什么都不玩。
我不打算将其作为应用程序或其他任何东西销售，并且它不一定非常准确。我只想与想要学习乐器笔记的朋友分享它作为网络应用程序。如果这是一个错误/已知问题，对这里有什么问题的想法，或者可能的解决方法的想法？