1

我使用 Web Audio API 开发了一个简单的 HTML 5 Web 应用程序。该页面保存为 Web Clip，并添加了支持 apple-mobile-web-app-capable 的元标记以启用全屏。在 Safari 中一切正常，声音按预期播放。但是，如果按下 Home 按钮并将应用程序发送到后台状态然后恢复，则 Home 按钮将变得无响应，解决此问题的唯一方法是进行硬重置。

这是我的代码： 

<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>

4

0 回答 0