トレーニング目的でランダムなメモも表示する単純なメトロノーム Web アプリを作成しています。デスクトップでは正常に動作しますが、私の iPhone (IOS7) では、使用している複数のオーディオ要素に問題があるようです。
小節の最初のアクセントのあるビートに 1 つのサウンドを使用し、残りのビートには別のサウンドを使用しています。2 つのオーディオ要素は次のようになります。
<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>
iPhoneでjsfiddleで「再生」を押すと、最初のビートごとに最初のサウンドが聞こえますが、残りのビートでは2番目のサウンドが再生されません。他のすべては完全に機能します。両方のリンクを共有する理由は、ライブ環境での動作が異なるためです。ビートごとに最初のサウンドしか再生されない場合もあれば、両方のサウンドが再生されて正常に動作する場合もあり、「操作を完了できませんでした」と表示される場合もあります。何も再生しません。
これをアプリなどとして販売するつもりはありませんし、完全に正確である必要もありません。楽器の音符を学ぼうとしている友達と Web アプリとして共有したいだけです。ここで何が問題なのか、またはバグ/既知の問題である場合の回避策について何か考えはありますか?