我使用Web Audio API开发了一个简单的HTML 5 Web应用程序。该页面保存为Web Clip，并添加了支持apple-mobile-web-app的元标记以启用全屏。在Safari中，一切都运行良好，声音按预期播放。但是，如果按下主页按钮并且应用程序被发送到后台状态然后恢复，则主页按钮将无响应，解决问题的唯一方法是进行硬重置。
这是我的代码：
<head>
<meta name="apple-mobile-web-app-capable" content="yes" />
<script>
var context;
var buffer;
function init() {
if ('webkitAudioContext' in window) {
context = new webkitAudioContext();
var request = new XMLHttpRequest();
request.open('GET', 'sounds/sound.mp3', true);
request.responseType = 'arraybuffer';
request.addEventListener('load', function () {
var request = event.target;
buffer = context.createBuffer(request.response, false);
}, false);
request.send();
}
}
function play() {
var source = context.createBufferSource();
source.buffer = buffer;
source.connect(context.destination);
source.start(0);
}
</script>
</head>
<body onload="init()">
<button onclick="play()">Play</button>
</body>