我正在创建一个简单的节拍器网络应用程序,该应用程序还显示随机音符以用于培训目的。它在桌面上运行良好,但在我的 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 上点击“播放”时,我在每个第一拍都会听到第一个声音,但在其余的拍子中它不会播放第二个声音。其他一切都完美无缺。我分享这两个链接的原因是因为它在现场环境中的行为不同 - 有时它只播放每个节拍的第一个声音,有时它播放两个声音并正常工作,有时它说“操作无法完成”和/或什么都不玩。
我不打算将其作为应用程序或任何东西出售,它不必完全准确。我只是想将它作为一个网络应用程序与我的朋友们分享,他们正在尝试学习乐器上的音符。关于这里出了什么问题的任何想法,或者如果它是一个错误/已知问题的可能解决方法的想法?