iOS とデスクトップでは、HTML5 オーディオを audio.js で再生する際に問題はありません。すべて正常に動作します。しかし、Android では、再生するには再生ボタンを 3 回タップする必要があります。
これについては、audio.js の github にも問題を書いています: https://github.com/kolber/audiojs/issues/177
再現:
- Androidフォンでhttp://kolber.github.io/audiojs/にアクセスします（Xperia Z1 / Android 4.4.2でテストしました）
- 再生/一時停止ボタンは最初は再生状態であると予想されていましたが、読み込み状態です
- 再生をクリックすると、ボタンが再生状態になります
- もう一度クリックすると、ボタンがロード状態に設定されます
- もう一度クリックすると、ボタンが再生状態になり、今度はついに音声が再生されます!
1回のタップ/クリックだけで再生するにはどうすればよいですか??