iPad Web アプリでサウンドを再生しようとしています。jquery モバイルと iOS 6.1 を使用します。iOS での自動再生の制限を認識しているため、クリック (関数) でオーディオを開始しています。iPad の Safari ブラウザでは問題なく動作します。しかし、Web アプリとまったく同じページを全画面 (ホーム画面に追加) でアクセスすると、再生されません。フルスクリーンのSafariとまったく同じだと思っていたでしょう。どうやらそうではなく、Web アプリには追加の制限があるようです。
iPad Safari ブラウザでは html5 オーディオが再生されるのに、iPad Web アプリでは再生されないのはなぜですか? ブラウザーと Web アプリで注意する必要があるその他の制限はありますか?
私が使用したコード例:
html: <audio id="audio" src="/audio/test.mp3"></audio>
script:
$(document).on("pageinit", function () {
var audio = document.getElementById('audio');
$("#playGame").on("click", function (event, ui) {
audio.play();
});
});